Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-3800: fixed sass update breaking changes.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-12-07 14:03:56 +02:00
parent 0e6e4f7b09
commit acabdba657
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/styles/common-utilities.scss
View File

@ -1,3 +1,5 @@
@use 'sass:string';
@use 'sass:list';
/* Margins, paddings */ /* Margins, paddings */
$start: 0; $start: 0;
@ -7,19 +9,20 @@ $values: '';
$sides: (top, bottom, left, right); $sides: (top, bottom, left, right);
@for $i from $start + 1 through $end { @for $i from $start + 1 through $end {
$values: append($values, $i, comma); $values: list.append($values, $i, comma);
$values: set-nth($values, 1, $start); $values: list.set-nth($values, 1, $start);
} }
// TODO: Check if !important can be avoided // TODO: Check if !important can be avoided
@each $space in $values { @each $space in $values {
@each $side in $sides { @each $side in $sides {
.m#{str-slice($side, 0, 1)}-#{$space} { @debug string.slice($side, 0, 1);
.m#{string.slice($side, 0, 1)}-#{$space} {
margin-#{$side}: #{$space}px !important; margin-#{$side}: #{$space}px !important;
} }
.p#{str-slice($side, 0, 1)}-#{$space} { .p#{string.slice($side, 0, 1)}-#{$space} {
padding-#{$side}: #{$space}px !important; padding-#{$side}: #{$space}px !important;
} }
} }

8
src/lib/listing/workflow/workflow.component.scss
View File

@ -1,5 +1,5 @@
@import '../../../assets/styles/common-variables'; @use '../../../assets/styles/common-variables';
@import '../../../assets/styles/common-mixins'; @use '../../../assets/styles/common-mixins' as mixins;
:host { :host {
display: flex; display: flex;
@ -67,7 +67,7 @@
.cdk-drop-list { .cdk-drop-list {
overflow-y: auto; overflow-y: auto;
@include no-scroll-bar; @include mixins.no-scroll-bar;
min-height: calc(100% - 36px); min-height: calc(100% - 36px);
&.multi-select-active { &.multi-select-active {
@ -135,5 +135,5 @@
cdk-virtual-scroll-viewport { cdk-virtual-scroll-viewport {
height: 100%; height: 100%;
@include no-scroll-bar; @include mixins.no-scroll-bar;
} }