AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve view switcher design

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/app.css
View File

File diff suppressed because one or more lines are too long

5
assets/css/src/filters.css
View File

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

18
assets/css/src/views.css
View File

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