clones/friendica
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[frio] Improve contrast of open notification dropdown button

This commit is contained in:
Hypolite Petovan 2020-02-09 01:39:51 -05:00
parent 6c152a3204
commit 59840d2c11
1 changed files with 29 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
view/theme/frio/css/style.css
View File

@ -410,11 +410,13 @@ header #banner #logo-img,
float: left float: left
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.topbar ul.nav>li>a { .topbar ul.nav > li > a,
padding-top: 15px; .topbar ul.nav > li > button
padding-bottom: 15px; {
line-height: 20px padding-top: 15px;
} padding-bottom: 15px;
line-height: 20px
}
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.topbar ul.nav > li > a, .topbar ul.nav > li > a,
@ -455,13 +457,24 @@ nav.navbar {
z-index: 1030; z-index: 1030;
color: $nav_icon_color; color: $nav_icon_color;
} }
#topbar-first .nav>li>a:hover, #topbar-first .nav > li > a,
#topbar-first .nav>li>a:focus, #topbar-first .nav > li > button,
#topbar-first .nav>.open>a, nav.navbar .nav > li > a,
#dropdownMenu1:hover, nav.navbar .nav > li > button
#dropdownMenu1:focus, {
nav.navbar .nav>li>a:hover, color: $nav_icon_color;
nav.navbar .nav>li>a:focus{ }
#topbar-first .nav > li > a:hover,
#topbar-first .nav > li > a:focus,
#topbar-first .nav > li > button:hover,
#topbar-first .nav > li > button:focus,
#topbar-first .nav > .open > a,
#topbar-first .nav > .open > button,
nav.navbar .nav > li > a:hover,
nav.navbar .nav > li > a:focus
nav.navbar .nav > li > button:hover,
nav.navbar .nav > li > button:focus
{
background-color: $nav_icon_hover_color; background-color: $nav_icon_hover_color;
} }
#topbar-first .nav>.account { #topbar-first .nav>.account {
@ -491,7 +504,6 @@ nav.navbar .nav>li>a:focus{
z-index: 3 z-index: 3
} }
#topbar-first .topbar-nav { #topbar-first .topbar-nav {
/*position: absolute;*/
left: 0; left: 0;
right: 0; right: 0;
text-align: center; text-align: center;
@ -501,13 +513,11 @@ nav.navbar .nav>li>a:focus{
position: relative; position: relative;
text-align: left text-align: left
} }
#topbar-first .topbar-nav .nav-segment>a { #topbar-first .topbar-nav .nav-segment > a
/* padding: 5px 10px; {
margin: 10px 2px;*/
display: inline-block; display: inline-block;
/* border-radius: 2px;*/
text-decoration: none; text-decoration: none;
text-align: left text-align: left;
} }
#topbar-first .topbar-nav .nav-segment .nav-notification { #topbar-first .topbar-nav .nav-segment .nav-notification {
position: absolute; position: absolute;
@ -594,10 +604,6 @@ nav.navbar .nav>li>a:focus{
#topbar-first .dropdown-footer { #topbar-first .dropdown-footer {
margin: 10px 10px 5px margin: 10px 10px 5px
} }
#topbar-first a, #topbar-first .btn-link,
nav.navbar a, nav.navbar .btn-link {
color: $nav_icon_color;
}
#topbar-first .caret { #topbar-first .caret {
border-top-color: #bebebe border-top-color: #bebebe
} }
@ -871,14 +877,7 @@ nav.navbar a, nav.navbar .btn-link {
display: block; display: block;
padding: 10px 15px; padding: 10px 15px;
} }
.nav > li > .btn-link:focus, .nav .open > .btn-link {
.nav > li > .btn-link:hover {
text-decoration: none;
background-color: #eee;
}
.nav .open > .btn-link,
.nav .open > .btn-link:focus,
.nav .open > .btn-link:hover {
background-color: #eee; background-color: #eee;
border-color: #337ab7; border-color: #337ab7;
} }