Browse Source

Dialog button styles fixed.

Brian E. Granger 5 years ago
parent
commit
b130571e50
2 changed files with 20 additions and 3 deletions
  1. 11 3
      packages/application/style/buttons.css
  2. 9 0
      packages/apputils/style/dialog.css

+ 11 - 3
packages/application/style/buttons.css

@@ -17,9 +17,17 @@ button {
 }
 
 button.jp-mod-styled.jp-mod-accept {
-  background: var(--jp-brand-color1);
+  background: var(--md-blue-500);
+  border: 1px solid var(--md-blue-500);
   color: white;
-  border: 1px solid var(--jp-brand-color1);
+}
+
+button.jp-mod-styled:hover {
+  opacity: 0.85;
+}
+
+button.jp-mod-styled:active {
+  opacity: 1;
 }
 
 button.jp-mod-styled.jp-mod-reject {
@@ -30,8 +38,8 @@ button.jp-mod-styled.jp-mod-reject {
 
 button.jp-mod-styled.jp-mod-warn {
   background: var(--jp-error-color1);
-  color: white;
   border: 1px solid var(--jp-error-color1);
+  color: white;
 }
 
 .jp-Button-flat {

+ 9 - 0
packages/apputils/style/dialog.css

@@ -42,6 +42,15 @@
   color: var(--jp-ui-font-color1);
 }
 
+.jp-Dialog-button {
+  overflow: visible;
+}
+
+button.jp-Dialog-button:focus {
+  outline: 1px solid var(--jp-brand-color1);
+  outline-offset: 4px;
+}
+
 .jp-Dialog-header {
   flex: 0 0 auto;
   padding-bottom: 12px;