mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-20 14:43:49 +00:00
improve button and add message level 'warning'
This commit is contained in:
@@ -8,6 +8,7 @@
|
||||
@import 'custom/custom-fields';
|
||||
@import 'custom/address';
|
||||
@import 'custom/record_actions';
|
||||
@import 'custom/flash_messages';
|
||||
|
||||
|
||||
html,body {
|
||||
@@ -156,9 +157,6 @@ dl.chill_view_data {
|
||||
|
||||
}
|
||||
|
||||
.flash_message {
|
||||
margin-top: 2.5em;
|
||||
}
|
||||
|
||||
blockquote.chill-user-quote {
|
||||
border-left: 10px solid $chill-yellow;
|
||||
|
14
Resources/public/sass/custom/_flash_messages.scss
Normal file
14
Resources/public/sass/custom/_flash_messages.scss
Normal file
@@ -0,0 +1,14 @@
|
||||
.flash_message {
|
||||
margin-top: 2.5em;
|
||||
}
|
||||
|
||||
// note that other level are defined in modules/_alerts.scss
|
||||
|
||||
.alert {
|
||||
// override in modules/_alerts.scss
|
||||
@include alert($red);
|
||||
}
|
||||
|
||||
.warning {
|
||||
@include alert($orange);
|
||||
}
|
@@ -11,60 +11,11 @@
|
||||
@include button($orange, $white);
|
||||
}
|
||||
|
||||
&.bt-show {
|
||||
&.bt-show, &.bt-view {
|
||||
@include button($blue, $white);
|
||||
}
|
||||
|
||||
&.bt-create::before,
|
||||
&.bt-save::before,
|
||||
&.bt-new::before,
|
||||
&.bt-delete::before,
|
||||
&.bt-update::before,
|
||||
&.bt-edit::before,
|
||||
&.bt-cancel::before,
|
||||
&.bt-show::before {
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
&.bt-save::before {
|
||||
// add a floppy
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-create::before, &.bt-new::before {
|
||||
// add a plus
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-delete::before {
|
||||
// add a trash
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-edit::before, &.bt-update::before {
|
||||
// add a pencil
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-cancel::before {
|
||||
// add an arrow left
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-show::before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
> i.fa {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
&.has-hidden,
|
||||
&.no-content {
|
||||
> i.fa {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:not(.change-icon) {
|
||||
|
||||
&.bt-create::before,
|
||||
&.bt-save::before,
|
||||
@@ -73,9 +24,64 @@
|
||||
&.bt-update::before,
|
||||
&.bt-edit::before,
|
||||
&.bt-cancel::before,
|
||||
&.bt-view::before,
|
||||
&.bt-show::before {
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
&.bt-save::before {
|
||||
// add a floppy
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-create::before, &.bt-new::before {
|
||||
// add a plus
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-delete::before {
|
||||
// add a trash
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-edit::before, &.bt-update::before {
|
||||
// add a pencil
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-cancel::before {
|
||||
// add an arrow left
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.bt-show::before, &.bt-view::before {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
> i.fa {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
&.has-hidden,
|
||||
&:empty {
|
||||
> i.fa {
|
||||
margin-right: 0;
|
||||
}
|
||||
&:not(.change-icon) {
|
||||
&.bt-create::before,
|
||||
&.bt-save::before,
|
||||
&.bt-new::before,
|
||||
&.bt-delete::before,
|
||||
&.bt-update::before,
|
||||
&.bt-edit::before,
|
||||
&.bt-cancel::before,
|
||||
&.bt-view::before,
|
||||
&.bt-show::before {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.has-hidden > span.show-on-hover {
|
||||
@@ -92,15 +98,18 @@
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
&.bt-create::before,
|
||||
&.bt-save::before,
|
||||
&.bt-new::before,
|
||||
&.bt-delete::before,
|
||||
&.bt-update::before,
|
||||
&.bt-edit::before,
|
||||
&.bt-cancel::before,
|
||||
&.bt-show::before {
|
||||
margin-right: 0.5em;
|
||||
&:not(.change-icon) {
|
||||
&.bt-create::before,
|
||||
&.bt-save::before,
|
||||
&.bt-new::before,
|
||||
&.bt-delete::before,
|
||||
&.bt-update::before,
|
||||
&.bt-edit::before,
|
||||
&.bt-cancel::before,
|
||||
&.bt-view::before,
|
||||
&.bt-show::before {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user