tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS: Rewrite pagination.less 

refs #5543
This commit is contained in:
Eric Lippmann 2015-09-27 01:39:07 +02:00
parent bd47909f93
commit 0b003b4874
1 changed files with 38 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
public/css/icinga/pagination.less
View File

@ -1,79 +1,46 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
ul.pagination { .pagination-control {
font-size: 0.68em;
padding: 0;
display: inline;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#layout.twocols u.pagination {
font-size: 0.5em;
}
.pagination > li {
list-style-type: none;
display: inline-block; display: inline-block;
margin: 0; font-size: @font-size-small;
padding: 0; line-height: @line-height-small;
}
.pagination > li > a, .pagination > li.disabled > span { li {
display: block; &.active {
padding: 0em 1em 0em 1em; > a,
line-height: 2em; > a:hover {
border: 1px solid #ddd; background-color: @text-color;
border-right-width: 0; border-color: @text-color;
} color: @text-color-inverted;
}
> a:hover {
cursor: default;
text-decoration: none;
}
}
.pagination > li > a { &.disabled {
color: @colorTextDarkDefault; color: @gray-light;
text-decoration: none; cursor: no-drop;
outline: 0; }
}
.pagination li.disabled span { &:first-child {
cursor: no-drop; > a,
color: #ddd; > a:hover {
} margin-left: 0;
}
}
.pagination > li:last-child > a, .pagination > li:last-child > span { > a,
border-right-width: 1px; > span {
border: 1px solid @gray-lighter;
margin-left: -1px;
padding: 4px 8px;
}
> a:hover {
background-color: @gray-lighter;
border: 1px solid @gray-lighter;
padding: 4px 8px;
}
}
} }
.pagination > li:first-child > a, .pagination > li:first-child > span {
}
.pagination > li > a:hover {
color: #000;
background-color: #eee;
}
.pagination > li.active > a {
background-color: #555;
border-color: #555;
color: #fff;
cursor: default;
}
a.show-more, a.load-more {
display: block;
margin: 0.5em;
}
a.load-more-hint {
display: inline-block;
margin-left: 1em;
}
div.load-more-container {
display: table;
margin: 0 auto;
margin-top: 0.5em;
}