Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Allow box-shadow styles on non-disabled buttons

pull/10616/head
Alex P 2018-04-05 16:03:28 -07:00
parent 621227987b
commit 90c055b4bc
1 changed files with 17 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/style/theme/_buttons.scss
View File

@ -15,12 +15,8 @@ input.btn {
border-style: solid; border-style: solid;
margin: 0; margin: 0;
position: relative; position: relative;
transition: transition: background-color 0.25s ease, color 0.25s ease,
background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.3s ease;
color 0.25s ease,
border-color 0.25s ease,
box-shadow 0.25s ease,
opacity 0.3s ease;
outline: none !important; outline: none !important;
border-radius: 4px; border-radius: 4px;
padding: 0 $form-md-padding; padding: 0 $form-md-padding;
@ -144,7 +140,6 @@ a.btn {
$text-color, $text-color,
$text-color-hover $text-color-hover
) { ) {
// Default State // Default State
background-color: $bg-color; background-color: $bg-color;
color: $text-color; color: $text-color;
@ -155,7 +150,6 @@ a.btn {
&:focus { &:focus {
background-color: $bg-color; background-color: $bg-color;
color: $text-color; color: $text-color;
box-shadow: none;
} }
// Hover State // Hover State
@ -165,6 +159,7 @@ a.btn {
color: $text-color-hover; color: $text-color-hover;
cursor: pointer; cursor: pointer;
} }
// MouseDown State // MouseDown State
&.active, &.active,
&.active:hover, &.active:hover,
@ -289,7 +284,6 @@ input.btn-alert {
); );
} }
// Outline Button styles mixin // Outline Button styles mixin
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
@mixin btn-outline-styles( @mixin btn-outline-styles(
@ -299,7 +293,6 @@ input.btn-alert {
$border-color-hover, $border-color-hover,
$border-color-press $border-color-press
) { ) {
// Adjusting line height in response to more borders // Adjusting line height in response to more borders
line-height: $form-md-height - 4px; line-height: $form-md-height - 4px;
&.btn-xs { &.btn-xs {
@ -373,7 +366,6 @@ input.btn-alert {
display: none; display: none;
} }
} }
} }
a.btn-link, a.btn-link,