MDL-41989 Atto - Improving usability for non-touch devices
authorJason Fowler <phalacee@gmail.com>
Thu, 26 Sep 2013 07:31:04 +0000 (15:31 +0800)
committerJason Fowler <phalacee@gmail.com>
Thu, 26 Sep 2013 07:31:04 +0000 (15:31 +0800)
lib/editor/atto/styles.css

index 2acc659..4cbd3a3 100644 (file)
 div.editor_atto_toolbar {
     display: block;
     background: #F2F2F2;
-    min-height: 42px;
+    min-height: 35px;
     border: 1px solid #BBB;
     width: 100%;
     padding: 0 0 9px 0;
 }
 
 div.editor_atto_toolbar button {
-    padding: 5px 9px 4px 9px;
+    padding: 3px 9px;
     background: none;
     border: 0px;
     margin: 0;
     border-radius: 0;
+    cursor: pointer;
  }
 
 div.editor_atto_toolbar button + button {
@@ -44,6 +45,10 @@ div.editor_atto_toolbar button[disabled] {
     opacity: .45;
 }
 
+div.editor_atto_toolbar button:active {
+    background: #B7D6FF;
+}
+
 div.editor_atto_toolbar button img {
     padding: 1px;
 }