adding hover state to notification menu, and small additional fixes

This commit is contained in:
Kris Aubuchon 2014-08-13 00:03:29 -04:00
parent 1baa55fe45
commit 6166e78888
7 changed files with 13 additions and 14 deletions

View File

@ -272,7 +272,7 @@ td.flaggers td {
.setting.overridden {
input[type=text] {
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -10%);
background-color: dark-light-diff($highlight, $secondary, 50%, -10%);
}

View File

@ -184,7 +184,7 @@
}
&:hover a:not(.badge-notification) {
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -70%);
background-color: dark-light-diff($highlight, $secondary, 50%, -70%);
}
button {margin-left: 5px;}
@ -205,15 +205,14 @@
.icon { color: scale-color($primary, $lightness: 30%); }
li {
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
padding: 4px 0 3px 2px;
i {
float: left;
margin-right: 5px;
padding-top: 2px;
}
span { color: $primary; }
&:hover a { background: transparent; }
a { padding: 1px; }
&:hover a { background-color: dark-light-diff($highlight, $secondary, 50%, -70%); }
a { padding: 4px 0 3px 2px; }
p {
margin: 0;
overflow: hidden;

View File

@ -9,3 +9,9 @@
1px -1px 0 scale-color($tertiary, $lightness: -10%),
-1px 1px 0 scale-color($tertiary, $lightness: -10%);
}
.uploaded-image-preview {
background-position: center center;
background-size: cover;
background-color: $primary;
}

View File

@ -610,7 +610,7 @@ text-overflow: ellipsis;
.moderator {
.topic-body {
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -80%);
background-color: dark-light-diff($highlight, $secondary, 50%, -80%);
}
}
@ -861,7 +861,7 @@ $topic-avatar-width: 45px;
.dropdown-menu .active > a:hover {
color: $primary;
text-decoration: none;
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -70%);
background-color: dark-light-diff($highlight, $secondary, 50%, -70%);
}

View File

@ -32,9 +32,6 @@
.uploaded-image-preview {
height: 270px;
background-position: center center;
background-size: cover;
background-color: $primary;
}
.image-upload-controls {

View File

@ -303,7 +303,7 @@
color: $primary;
}
.item.moderator-action {
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -10%);
background-color: dark-light-diff($highlight, $secondary, 50%, -10%);
}
.item.deleted {
opacity: 0.8;

View File

@ -13,7 +13,4 @@
.uploaded-image-preview {
height: 150px;
background-position: center center;
background-size: cover;
background-color: $primary;
}