[ACS-4792] provide support for style linting (#3055)

* [ACS-4792] provide support for style linting

* style fixes

* style fixes

* style fixes

* disable yarn licenses until the issue is fixed

* fix package lock

* fix after rebase
This commit is contained in:
Denys Vuika
2023-03-14 04:16:36 -04:00
committed by GitHub
parent c996d7d7d1
commit b939d1c582
39 changed files with 970 additions and 256 deletions

View File

@@ -1,7 +1,3 @@
.app-create-menu:focus {
outline: none;
}
.app-create-menu {
.mat-stroked-button {
width: 100%;
@@ -26,7 +22,7 @@
&:not(.app-create-menu-secondary-button) {
background-color: var(--theme-accent-color);
color: var(--theme-accent-color-default-contrast);
margin-top: 0px;
margin-top: 0;
.mat-icon {
color: var(--theme-accent-color-default-contrast);
@@ -46,25 +42,6 @@
}
}
&--collapsed {
outline: none;
color: var(--theme-secondary-text-color);
cursor: pointer;
margin: 0;
border: none;
background: none;
&:not(.app-create-menu-secondary-button) {
.app-create-menu--icon {
color: var(--theme-accent-color);
}
&:hover {
color: var(--theme-accent-color);
}
}
}
.app-create-menu--icon {
&__sub-menu {
.mat-menu-item {
@@ -94,4 +71,27 @@
}
}
}
}
&--collapsed {
outline: none;
color: var(--theme-secondary-text-color);
cursor: pointer;
margin: 0;
border: none;
background: none;
&:not(.app-create-menu-secondary-button) {
.app-create-menu--icon {
color: var(--theme-accent-color);
}
&:hover {
color: var(--theme-accent-color);
}
}
}
}
.app-create-menu:focus {
outline: none;
}

View File

@@ -1,5 +1,5 @@
.app-header {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.02), 0px 6px 10px 0px rgba(0, 0, 0, 0.014), 0px 1px 18px 0px rgba(0, 0, 0, 0.012);
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.02), 0 6px 10px 0 rgba(0, 0, 0, 0.014), 0 1px 18px 0 rgba(0, 0, 0, 0.012);
z-index: 2;
.mat-toolbar {

View File

@@ -2,10 +2,6 @@
display: flex;
max-width: 400px;
.form {
width: 100%;
}
.form__version {
display: flex;
flex-direction: column;
@@ -17,6 +13,7 @@
}
.form {
width: 100%;
padding: 0 10px;
display: flex;
flex-direction: column;

View File

@@ -1,5 +1,21 @@
$top-margin: 12px;
.app-suffix-search-icon-wrapper {
height: 6px;
margin: 14px 1px;
float: left;
.mat-icon {
font-size: 24px;
cursor: pointer;
}
.app-clear-icon {
font-size: 18px;
margin: 3px;
}
}
.app-search-container {
margin-top: -$top-margin;
padding-top: 2px;
@@ -43,19 +59,3 @@ $top-margin: 12px;
}
}
}
.app-suffix-search-icon-wrapper {
height: 6px;
margin: 14px 1px;
float: left;
.mat-icon {
font-size: 24px;
cursor: pointer;
}
.app-clear-icon {
font-size: 18px;
margin: 3px;
}
}

View File

@@ -6,6 +6,9 @@ $top-margin: 12px;
.app-search-container {
color: var(--theme-foreground-text-color);
width: 100%;
max-width: $search-width;
height: $search-height + $top-margin;
.app-input-form-field {
.mat-input-element {
@@ -37,11 +40,6 @@ $top-margin: 12px;
}
}
#search-options {
color: var(--theme-text-color);
border-top: 1px solid var(--theme-divider-color);
}
mat-checkbox {
.mat-checkbox-frame {
border-color: var(--theme-text-color);
@@ -56,17 +54,13 @@ mat-checkbox {
height: $search-height;
}
.app-search-container {
width: 100%;
max-width: $search-width;
height: $search-height + $top-margin;
}
.app-search-control {
margin-top: -$top-margin;
}
#search-options {
color: var(--theme-text-color);
border-top: 1px solid var(--theme-divider-color);
padding: 20px 0;
font-size: 16px;
letter-spacing: -0.7px;

View File

@@ -5,12 +5,13 @@
&__content {
@include flex-column;
border-left: 1px solid #eee;
}
&__content-header {
display: flex;
padding: 0 25px 0 25px;
padding: 0 25px;
flex-direction: row;
align-items: center;
border-bottom: 1px solid #eee;
@@ -28,6 +29,7 @@
.content {
@include flex-row;
flex: unset;
height: unset;
padding-top: 8px;
@@ -36,6 +38,7 @@
&__side--left {
@include flex-column;
height: unset;
}
}

View File

@@ -1,5 +1,4 @@
.aca-search-results-row {
.result-location {
height: 15px;
padding-top: 3px;

View File

@@ -15,12 +15,13 @@ $contrast-gray: #646569;
&__content {
@include flex-column;
border-left: 1px solid #eee;
}
&__content-header {
display: flex;
padding: 0 25px 0 25px;
padding: 0 25px;
flex-direction: row;
align-items: center;
border-bottom: 1px solid #eee;
@@ -30,6 +31,7 @@ $contrast-gray: #646569;
background-color: $adf-chip-background;
color: $contrast-gray;
}
.adf-search-filter-placeholder {
color: $contrast-gray;
}
@@ -63,7 +65,7 @@ $contrast-gray: #646569;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 5px 5px;
margin: 5px;
padding-right: 24px;
}
@@ -113,7 +115,6 @@ $contrast-gray: #646569;
}
.adf-datatable {
aca-search-action-menu button {
width: 0;
}

View File

@@ -6,20 +6,6 @@
overflow-y: hidden;
}
.aca-menu-panel {
.action-button--active {
color: var(--theme-accent-color) !important;
}
.action-button {
color: var(--theme-primary-color);
}
.action-button:hover {
color: var(--theme-accent-color);
}
}
.sidenav {
display: flex;
flex: 1;
@@ -27,10 +13,6 @@
height: 100%;
background-color: var(--theme-background-color);
.section:last-child {
border-bottom: 0;
}
.action-menu {
display: flex;
flex-direction: column;
@@ -52,6 +34,10 @@
border-bottom: 1px solid var(--theme-divider-color);
}
.section:last-child {
border-bottom: 0;
}
.section--collapsed {
display: flex;
flex-direction: column;
@@ -88,13 +74,6 @@
margin: 0 8px !important;
}
.app-item,
.app-item .item {
display: flex;
flex: 1;
flex-direction: row;
}
.item {
padding: 12px 0;
flex-direction: row;
@@ -106,6 +85,13 @@
user-select: none;
}
.app-item,
.app-item .item {
display: flex;
flex: 1;
flex-direction: row;
}
.item:hover .action-button__label {
color: var(--theme-primary-color);
}
@@ -143,7 +129,22 @@
}
}
.aca-menu-panel {
.action-button--active {
color: var(--theme-accent-color) !important;
}
.action-button {
color: var(--theme-primary-color);
}
.action-button:hover {
color: var(--theme-accent-color);
}
}
[dir='rtl'] .sidenav {
/* stylelint-disable-next-line no-descending-specificity */
.mat-expansion-panel-header {
padding: 0 0 0 8px !important;
}

View File

@@ -10,6 +10,7 @@ app-view-profile {
.app-profile-row {
width: 100%;
margin: 2rem 0 0;
}
.app-profile-title {
@@ -84,13 +85,7 @@ app-view-profile {
box-shadow: 0 0 2px (--theme-blue-button-color);
}
.app-profile-row {
width: 100%;
margin: 2rem 0 0 0;
}
.app-general-edit {
margin: 0.7rem;
background: var(--theme-grey-text-background-color);
height: 30px;
margin: 1rem;
@@ -122,7 +117,7 @@ app-view-profile {
}
.app-general-dropdown {
padding: 0rem 1rem;
padding: 0 1rem;
}
.app-general-dropdown-details {