Improve view switcher design

This commit is contained in:
Frederic Guillot 2016-03-24 21:46:54 -04:00
parent e6747d9d7c
commit a1d795baaa
3 changed files with 19 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@ -22,7 +22,7 @@
margin: 0;
font-size: 16px;
height: 26px;
border-color: #dedede;
border-color: #ddd;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
vertical-align: top;
@ -36,9 +36,10 @@
}
.filter-box div.dropdown {
background: #fafafa;
display: inline-block;
font-size: 16px;
border: 1px solid #dedede;
border: 1px solid #ddd;
border-left: none;
margin: 0;
padding: 0;

View File

@ -6,7 +6,10 @@
}
.views li {
border: 1px solid #eee;
background: #fafafa;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
@ -14,6 +17,16 @@
display: inline;
}
.views a {
color: #555;
text-decoration: none;
}
.views a:hover {
color: #333;
text-decoration: underline;
}
.menu-inline li.active a,
.views li.active a {
font-weight: bold;
@ -22,13 +35,12 @@
}
.views li:first-child {
border-right: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.views li:last-child {
border-left: none;
border-right: 1px solid #ddd;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}