[AAE-7501] Fix SCSS deprecation warnings (#7519)

* update package lock

* update CLI lock file

* fix scss deprecations

* reduce calculations in styles
This commit is contained in:
Denys Vuika
2022-02-22 12:27:13 +00:00
committed by GitHub
parent d55d724bd3
commit 8d73cc1794
5 changed files with 16 additions and 15 deletions

View File

@@ -6,9 +6,9 @@ $data-table-header-font-size: var(--theme-caption-font-size) !default;
$data-table-header-sort-icon-size: var(--theme-subheading-2-font-size) !default;
$data-table-row-height: var(--theme-display-3-font-size) !default;
$data-table-column-spacing: 36px !default;
$data-table-column-padding: $data-table-column-spacing / 2;
$data-table-column-padding: 18px !default;
$data-table-card-padding: var(--theme-headline-line-height) !default;
$data-table-cell-top: $data-table-card-padding / 2;
$data-table-cell-top: calc($data-table-card-padding / 2);
$data-table-thumbnail-width: 50px !default;
$data-table-cell-min-width: 50px !default;
$data-table-cell-min-width-no-grow: 100px !default;

View File

@@ -9,9 +9,9 @@ $dynamic-table-hover-color: #eee !default;
$dynamic-table-selection-color: #e0f7fa !default;
$dynamic-table-row-height: 56px !default;
$dynamic-table-column-spacing: 36px !default;
$dynamic-table-column-padding: $dynamic-table-column-spacing / 2;
$dynamic-table-column-padding: 18px !default;
$dynamic-table-card-padding: 24px !default;
$dynamic-table-cell-top: $dynamic-table-card-padding / 2;
$dynamic-table-cell-top: 12px !default;
$dynamic-table-drag-border: 1px dashed rgb(68, 138, 255);
dynamic-table-widget .adf-label {

View File

@@ -2,6 +2,7 @@
$adf-info-drawer-layout-title-font-size: var(--theme-title-font-size) !default;
$adf-info-drawer-icon-size: 48px !default;
$adf-info-drawer-icon-size-half: 24px !default;
.adf {
&-info-drawer {
@@ -75,7 +76,7 @@ $adf-info-drawer-icon-size: 48px !default;
.adf-manage-versions-empty,
.adf-manage-versions-no-permission {
margin: 0;
padding: $adf-info-drawer-icon-size / 2;
padding: $adf-info-drawer-icon-size-half;
color: var(--theme-text-color);
text-align: center;
display: flex;
@@ -85,7 +86,7 @@ $adf-info-drawer-icon-size: 48px !default;
width: $adf-info-drawer-icon-size;
height: $adf-info-drawer-icon-size;
font-size: $adf-info-drawer-icon-size;
margin: 0 auto $adf-info-drawer-icon-size / 2;
margin: 0 auto $adf-info-drawer-icon-size-half;
display: block;
}
}