Changeset 8054

Timestamp:

Sep 6, 2022, 2:56:36 PM (7 months ago)

Author:

Nicklas Nordborg

Message:

Fixes #2281: File upload buttons should look like other buttons

File:

• branches/3.19-stable/www/include/styles/main.css (modified) (6 diffs)

branches/3.19-stable/www/include/styles/main.css

@@ -210 +210 @@
 
 /* Generic button, standalone or in a toolbar, define colors only */
-.button, .tab
+.button, .tab, ::file-selector-button
 {
   background-color: #E8E8E8;
@@ -223 +223 @@
 
 .interactable:hover, .interactable:focus, .interactable.active,
-input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus
+input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus, ::file-selector-button:hover
 {
   border-color: #2288AA;
@@ -253 +253 @@
 
 /* A single standalone button */
-.basicbutton 
+.basicbutton, ::file-selector-button
 {
   display: inline-block;
@@ -265 +265 @@
 }
 
+/* We need some additional styling for resetting */
+::file-selector-button
+{
+  border-style: solid;
+  border-color: inherit;
+  margin-right: 4px;
+  padding-top: 2px;
+}
+
 .buttongroup .basicbutton
 {
@@ -277 +286 @@
 
 /* Highlight the button when the mouse is over it */
-.basicbutton:hover, .basicbutton:focus
+.basicbutton:hover, .basicbutton:focus, ::file-selector-button:hover
 {
   /* 1+1=0+2 so that the button is not moving */
@@ -284 +293 @@
   cursor: pointer;
 }
+
+::file-selector-button:hover
+{
+  /* Since we have 4px without hover */
+  margin-right: 3px;
+}
+
 
 .basicbutton.square