MDL-64099 message: Highlight the collapsible header on hover

2018-11-27 10:51:04 +08:00
parent dfd6eec2b4
commit 347fb901a7
4 changed files with 4 additions and 0 deletions
@@ -1272,6 +1272,7 @@ $message-drawer-width: 320px;
    .btn-link {
        &:hover,
        &:focus {
+            background-color: rgba($black, .035);
            text-decoration: none;
        }
    }
@@ -14134,6 +14134,7 @@ a.ygtvspacer:hover {
  .message-drawer .btn-link {
    color: inherit; }
  .message-drawer .btn-link:hover, .message-drawer .btn-link:focus {
+    background-color: rgba(0, 0, 0, 0.035);
    text-decoration: none; }
  .message-drawer .icon {
    margin-right: 0; }
@@ -1271,6 +1271,7 @@
    .btn-link {
        &:hover,
        &:focus {
+            background-color: darken(@wellBackground, 5%);
            text-decoration: none;
        }
    }
@@ -9182,6 +9182,7 @@ a.ygtvspacer:hover {
 }
 .message-drawer .btn-link:hover,
 .message-drawer .btn-link:focus {
+  background-color: #e8e8e8;
  text-decoration: none;
 }
 .message-drawer .message p {