mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-20 22:53:49 +00:00
improve layout of buttons, address, and record_actions
This commit is contained in:
@@ -1,17 +1,138 @@
|
||||
.sc-button {
|
||||
&.bt-submit, &.bt-create, &.bt-new {
|
||||
@include button($green, $white);
|
||||
}
|
||||
&.bt-submit, &.bt-save, &.bt-create, &.bt-new {
|
||||
@include button($green, $white);
|
||||
}
|
||||
|
||||
&.bt-reset, &.bt-delete {
|
||||
@include button($red, $white);
|
||||
}
|
||||
&.bt-reset, &.bt-delete {
|
||||
@include button($red, $white);
|
||||
}
|
||||
|
||||
&.bt-action, &.bt-edit, &.bt-update, &.bt-show {
|
||||
@include button($orange, $white);
|
||||
}
|
||||
|
||||
> i.fa {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
&.bt-action, &.bt-edit, &.bt-update {
|
||||
@include button($orange, $white);
|
||||
}
|
||||
|
||||
&.bt-show {
|
||||
@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;
|
||||
}
|
||||
|
||||
&.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;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-hidden > span.show-on-hover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.has-hidden:hover {
|
||||
|
||||
> span.show-on-hover {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> i.fa {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
&.button-small {
|
||||
font-size: 80%;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Sticky form buttons
|
||||
.sticky-form-buttons {
|
||||
margin-top:1em;
|
||||
background-color:$chill-beige;
|
||||
position:sticky;
|
||||
bottom:0.5em;
|
||||
text-align:center;
|
||||
padding:0.5em;
|
||||
border-radius: $base-border-radius;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.sticky-form-buttons .margin-5 {
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.sticky-form-buttons .margin-10 {
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
}
|
Reference in New Issue
Block a user