diff --git a/assets/js/app/editor/Components/File.vue b/assets/js/app/editor/Components/File.vue index 364c4ce3..cdc71233 100644 --- a/assets/js/app/editor/Components/File.vue +++ b/assets/js/app/editor/Components/File.vue @@ -36,7 +36,7 @@ diff --git a/assets/js/app/editor/Components/Image.vue b/assets/js/app/editor/Components/Image.vue index f597361b..552ee5fd 100644 --- a/assets/js/app/editor/Components/Image.vue +++ b/assets/js/app/editor/Components/Image.vue @@ -36,7 +36,7 @@ diff --git a/assets/scss/init/_base.scss b/assets/scss/init/_base.scss index 74484c1d..d9e95c27 100644 --- a/assets/scss/init/_base.scss +++ b/assets/scss/init/_base.scss @@ -42,6 +42,7 @@ code { .card-header { font-weight: $font-weight-bold; + padding: 0.8125rem 1.25rem; } } diff --git a/assets/scss/init/_variables.scss b/assets/scss/init/_variables.scss index 9171a3b7..2c74c065 100644 --- a/assets/scss/init/_variables.scss +++ b/assets/scss/init/_variables.scss @@ -37,7 +37,7 @@ $link-color: var(--primary); $link-hover-color: var(--primary-600); //buttons -$btn-disabled-opacity: 1; +$btn-disabled-opacity: 0.75; // Form controls $border-radius: 0.15rem; @@ -68,7 +68,7 @@ $btn-padding-x: 0.6rem; $primary: #1863af; $secondary: #5da1ac; -$tertiary: #7a9196; +$tertiary: #81969b; $success: #61a31f; $info: #17a2b8; $warning: #ffc107; diff --git a/assets/scss/modules/base/_buttons.scss b/assets/scss/modules/base/_buttons.scss index dff93844..b867e6c9 100644 --- a/assets/scss/modules/base/_buttons.scss +++ b/assets/scss/modules/base/_buttons.scss @@ -5,3 +5,53 @@ .btn-hidden-danger { @include button-variant($tertiary, $tertiary, darken($danger, 7.5%), darken($danger, 10%), darken($danger, 10%), darken($danger, 12.5%)); } + +$theme-colors: ( + "primary": $primary, + "secondary": $secondary, + "tertiary": $tertiary, + "success": $success, + "info": $info, + "warning": $warning, + "danger": $danger, + "light": $light, + "dark": $dark, + "boltblue": $bolt-blue, +); + +@each $color, $value in $theme-colors { + .alert-#{$color} { + background-color: theme-color-level($color, $alert-bg-level) !important; + } + + .btn-#{$color} { + @include button-variant($value, $value); + } + + .btn-outline-#{$color} { + @include button-outline-variant($value); + } +} + +//set disabled buttons to grey + +.btn { + &.disabled, + &:disabled { + opacity: $btn-disabled-opacity; + + @include box-shadow(none); + + background: $disabled; + color: darken($disabled, 30%); + border: $btn-border-width solid transparent; + } +} + +.btn-link { + &:disabled, + &.disabled { + color: darken($disabled, 30%); + background: transparent; + } +} diff --git a/assets/scss/vendor/bootstrap/_overrides.scss b/assets/scss/vendor/bootstrap/_overrides.scss deleted file mode 100644 index ef67fde4..00000000 --- a/assets/scss/vendor/bootstrap/_overrides.scss +++ /dev/null @@ -1,53 +0,0 @@ -$theme-colors: ( - "primary": $primary, - "secondary": $secondary, - "tertiary": $tertiary, - "success": $success, - "info": $info, - "warning": $warning, - "danger": $danger, - "light": $light, - "dark": $dark, - "boltblue": $bolt-blue, -); - -@each $color, $value in $theme-colors { - .alert-#{$color} { - background-color: theme-color-level($color, $alert-bg-level) !important; - } - - .btn-#{$color} { - @include button-variant($value, $value); - } - - .btn-outline-#{$color} { - @include button-outline-variant($value); - } -} - -//set disabled buttons to grey - -.btn { - &.disabled, - &:disabled { - opacity: $btn-disabled-opacity; - - @include box-shadow(none); - - background: $disabled; - color: darken($disabled, 30%); - border: $btn-border-width solid transparent; - } -} - -.btn-link { - &:disabled, - &.disabled { - color: darken($disabled, 30%); - background: transparent; - } -} - -.card-header { - padding: 0.8125rem 1.25rem; -} diff --git a/assets/scss/vendor/bootstrap/bootstrap.scss b/assets/scss/vendor/bootstrap/bootstrap.scss index 11cddfb0..48000c42 100644 --- a/assets/scss/vendor/bootstrap/bootstrap.scss +++ b/assets/scss/vendor/bootstrap/bootstrap.scss @@ -28,6 +28,3 @@ @import "~bootstrap/scss/toasts"; @import "~bootstrap/scss/utilities"; @import "~bootstrap/scss/print"; - -// Bolt Bootstrap overrides -@import '_overrides.scss'; diff --git a/templates/content/_buttons.html.twig b/templates/content/_buttons.html.twig index 1033f83b..9ec32b24 100644 --- a/templates/content/_buttons.html.twig +++ b/templates/content/_buttons.html.twig @@ -23,14 +23,16 @@ data-toggle="dropdown" type="button"> {{ 'buttons.button_toggle'|trans }} - + {% endif %}