fixes issues with buttons using <button> tag, fixes form formatting for input type=Button

12 years ago · 513fcee86b
9 changed files with 27 additions and 18 deletions
--- a/build/minified/collections/form.min.css
+++ b/build/minified/collections/form.min.css
--- a/build/minified/elements/button.min.css
+++ b/build/minified/elements/button.min.css
--- a/build/packaged/semantic.min.css
+++ b/build/packaged/semantic.min.css
--- a/build/uncompressed/collections/form.css
+++ b/build/uncompressed/collections/form.css
@ -140,7 +140,8 @@
 /*--------------------
        Focus
 ---------------------*/
-.ui.form input:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.85);
  border-color: rgba(0, 0, 0, 0.2);
@ -189,7 +190,8 @@
  box-shadow: 0.3em 0em 0em 0em #EF4D6D inset;
 }
 .ui.form .field.error textarea:focus,
-.ui.form .field.error input:focus {
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="password"]:focus {
  border-color: #ff5050;
  color: #ff5050;
  -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
--- a/build/uncompressed/elements/button.css
+++ b/build/uncompressed/elements/button.css
@ -19,6 +19,7 @@
  vertical-align: middle;
  min-height: 1em;
  outline: none;
+  border: none;
  background-color: #EDEDED;
  color: #999999;
  padding: 0.8em 1.5em;
@ -32,9 +33,9 @@
  -webkit-border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  border-radius: 0.3125em;
-  -webkit-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
--- a/node/src/files/components/semantic/collections/form.css
+++ b/node/src/files/components/semantic/collections/form.css
@ -140,7 +140,8 @@
 /*--------------------
        Focus
 ---------------------*/
-.ui.form input:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.85);
  border-color: rgba(0, 0, 0, 0.2);
@ -189,7 +190,8 @@
  box-shadow: 0.3em 0em 0em 0em #EF4D6D inset;
 }
 .ui.form .field.error textarea:focus,
-.ui.form .field.error input:focus {
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="password"]:focus {
  border-color: #ff5050;
  color: #ff5050;
  -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
--- a/node/src/files/components/semantic/elements/button.css
+++ b/node/src/files/components/semantic/elements/button.css
@ -19,6 +19,7 @@
  vertical-align: middle;
  min-height: 1em;
  outline: none;
+  border: none;
  background-color: #EDEDED;
  color: #999999;
  padding: 0.8em 1.5em;
@ -32,9 +33,9 @@
  -webkit-border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  border-radius: 0.3125em;
-  -webkit-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
--- a/src/collections/form.less
+++ b/src/collections/form.less
@ -198,7 +198,8 @@
        Focus
 ---------------------*/

-.ui.form input:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.85);
  border-color: rgba(0, 0, 0, 0.2);
@ -257,7 +258,8 @@

 }
 .ui.form .field.error textarea:focus,
-.ui.form .field.error input:focus {
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="password"]:focus {
  border-color: rgba(255, 80, 80, 1);
  color: rgba(255, 80, 80, 1);

--- a/src/elements/button.less
+++ b/src/elements/button.less
@ -24,6 +24,7 @@
  min-height: 1em;

  outline: none;
+  border: none;
  background-color: #EDEDED;
  color: #999999;

@ -43,13 +44,13 @@
  border-radius: 0.3125em;

  -webkit-box-shadow:
-    0em -0.125em 0em rgba(0, 0, 0, 0.1) inset
+    0em -0.185em 0em rgba(0, 0, 0, 0.1) inset
  ;
  -moz-box-shadow:
-    0em -0.125em 0em rgba(0, 0, 0, 0.1) inset
+    0em -0.185em 0em rgba(0, 0, 0, 0.1) inset
  ;
  box-shadow:
-    0em -0.125em 0em rgba(0, 0, 0, 0.1) inset
+    0em -0.185em 0em rgba(0, 0, 0, 0.1) inset
  ;

  -webkit-user-select: none;