add sass classes to mange with of elements

fix the aspect of the actions's column in the crud

add background in the modal header

change vavigation pills colors
This commit is contained in:
Simon Vieille 2023-10-25 19:12:02 +02:00
parent 0cadf28738
commit 1d0b657c83
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 44 additions and 4 deletions

View file

@ -12,6 +12,16 @@ $pagination-active-bg: #343a40 !default;
$sidebar-width: 260px !default;
$input-border-color: map-get($theme-colors, 'dark-blue');
$input-btn-focus-color: $input-border-color;
$component-active-color: map-get($theme-colors, 'dark-blue');
$nav-tabs-link-active-bg: map-get($theme-colors, 'dark-blue');
$nav-pills-link-active-bg: map-get($theme-colors, 'dark-blue');
$nav-tabs-link-active-color: lighten(map-get($theme-colors, 'dark-blue'), 100%);
$nav-pills-link-active-color: lighten(map-get($theme-colors, 'dark-blue'), 100%);
@import "~choices.js/src/styles/choices.scss";
@import "~bootstrap/scss/bootstrap.scss";
@import "~@fortawesome/fontawesome-free/css/all.css";
@ -19,9 +29,29 @@ $sidebar-width: 260px !default;
@import '~grapesjs/dist/css/grapes.min.css';
@import '~grapesjs-component-code-editor/dist/grapesjs-component-code-editor.min.css';
@for $i from 1 through 100 {
.miw-#{$i*5} {
min-width: $i * 5px;
@for $i from 1 through 400 {
.miw-#{$i}, .min-width-#{$i} {
min-width: #{$i}px;
}
.min-width-#{$i}p {
min-width: #{$i}#{"%"};
}
.maw-#{$i}, .max-width-#{$i} {
max-width: #{$i}px;
}
.max-width-#{$i}p {
max-width: #{$i}#{"%"};
}
.width-#{$i} {
width: #{$i}px;
}
.width-#{$i}p {
width: #{$i}#{"%"};
}
}
@ -110,6 +140,7 @@ body {
.table .thead-light {
a, th {
color: map-get($theme-colors, 'dark-blue');
background: lighten(map-get($theme-colors, 'dark-blue'), 80%);
}
}
@ -629,6 +660,15 @@ form {
.modal {
z-index: 3000;
&-header {
background: map-get($theme-colors, 'dark-blue');
color: lighten(map-get($theme-colors, 'dark-blue'), 100%);
}
.close {
color: lighten(map-get($theme-colors, 'dark-blue'), 100%);
}
}
.modal-dialog-large {

View file

@ -144,7 +144,7 @@
{% endblock %}
{% endfor %}
{% if configuration.showActions %}
<th class="crud-action-column col-2 miw-100 text-right">
<th class="crud-action-column miw-100 text-right">
{{ 'Actions'|trans }}
</th>
{% endif %}