mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-12 17:04:46 +00:00
[ACA-4712] disallow using important for styles (#3368)
* ACA-4712 Added rule to prevent using important for styles * ACA-4712 Removed important from some global styles and from manage rule component * ACA-4712 Removed important from rest global and theme styles * ACA-4712 Removed usages of important from styles for components
This commit is contained in:
AleksanderSklorz
GitHub
parent
4019508f0f
commit
5508ff1362
@ -9,6 +9,7 @@
|
||||
{
|
||||
"resolveNestedSelectors": true
|
||||
}
|
||||
]
|
||||
],
|
||||
"declaration-no-important": true
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,7 +10,6 @@
|
||||
|
||||
&__title {
|
||||
align-items: center;
|
||||
width: unset !important;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@ -89,11 +88,6 @@
|
||||
padding: 0 8px;
|
||||
min-width: unset;
|
||||
}
|
||||
|
||||
.mat-icon {
|
||||
// Something pops out of this button for some reason so this is necessary
|
||||
overflow: hidden !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@ $top-margin: 12px;
|
||||
font-size: 16px;
|
||||
padding-left: 15px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 12px !important;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.mat-form-field {
|
||||
font-size: 16px;
|
||||
|
||||
@ -9,7 +9,10 @@ $top-margin: 12px;
|
||||
width: 100%;
|
||||
max-width: $search-width;
|
||||
height: $search-height + $top-margin;
|
||||
margin: 0 !important;
|
||||
|
||||
&.mat-menu-trigger {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.app-search-button {
|
||||
width: 32px;
|
||||
@ -23,9 +26,11 @@ $top-margin: 12px;
|
||||
.app-close-icon {
|
||||
height: 6px;
|
||||
|
||||
.mat-icon {
|
||||
font-size: 18px !important;
|
||||
line-height: 28px;
|
||||
&.app-suffix-search-icon-wrapper {
|
||||
.mat-icon {
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -70,8 +75,8 @@ mat-checkbox {
|
||||
background-color: $search-background;
|
||||
border-radius: $search-border-radius;
|
||||
height: $search-height;
|
||||
margin-bottom: 0 !important;
|
||||
padding-bottom: 26px !important;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
|
||||
.app-search-control {
|
||||
|
||||
@ -16,12 +16,12 @@
|
||||
|
||||
.link:hover,
|
||||
.aca-location-link .adf-datatable-cell-value:hover {
|
||||
color: var(--theme-primary-color) !important;
|
||||
color: var(--theme-primary-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.adf-is-selected .link:not(:hover),
|
||||
.adf-is-selected .adf-datatable-cell-value:not(:hover) {
|
||||
color: var(--theme-primary-color) !important;
|
||||
color: var(--theme-primary-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
[acaExpansionPanel]="item"
|
||||
[@.disabled]="true"
|
||||
>
|
||||
<mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" role="group">
|
||||
<mat-expansion-panel-header expandedHeight="32px" collapsedHeight="32px" role="group">
|
||||
<mat-panel-title>
|
||||
<div class="item">
|
||||
<button
|
||||
|
||||
@ -52,7 +52,6 @@
|
||||
border-radius: 0;
|
||||
|
||||
&-header {
|
||||
height: 32px !important;
|
||||
padding: 0 32px 0 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -66,7 +65,7 @@
|
||||
.mat-button {
|
||||
line-height: 32px;
|
||||
align-items: center;
|
||||
border: none !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.action-button__label {
|
||||
@ -99,7 +98,7 @@
|
||||
}
|
||||
|
||||
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
|
||||
background: none !important;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.item {
|
||||
@ -128,7 +127,7 @@
|
||||
}
|
||||
|
||||
.action-button--active {
|
||||
color: var(--theme-selected-text-color) !important;
|
||||
color: var(--theme-selected-text-color);
|
||||
background: var(--theme-selected-background-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -83,9 +83,9 @@ app-view-profile {
|
||||
}
|
||||
|
||||
.app-selected:focus {
|
||||
border: 2px solid var(--theme-blue-button-color) !important;
|
||||
border: 2px solid var(--theme-blue-button-color);
|
||||
border-radius: 6px;
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px var(--theme-blue-button-color);
|
||||
}
|
||||
|
||||
|
||||
@ -20,10 +20,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.mat-icon {
|
||||
overflow: unset !important;
|
||||
}
|
||||
|
||||
[dir='rtl'] .mat-icon {
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
|
||||
@ -82,13 +82,13 @@
|
||||
@mixin base-font-size($font-size) {
|
||||
html,
|
||||
body {
|
||||
font-size: $font-size !important;
|
||||
font-size: $font-size;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin base-font-family($font-family) {
|
||||
html,
|
||||
body {
|
||||
font-family: $font-family !important;
|
||||
font-family: $font-family;
|
||||
}
|
||||
}
|
||||
|
||||
@ -21,6 +21,6 @@
|
||||
}
|
||||
|
||||
@mixin rounded-border($border-color: var(--theme-blue-button-color), $thickness: 2px, $radius: 4px) {
|
||||
border: $thickness solid $border-color !important;
|
||||
border: $thickness solid $border-color;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@ -5,21 +5,23 @@
|
||||
background-color: var(--theme-about-panel-background-color);
|
||||
overflow: auto;
|
||||
|
||||
mat-accordion {
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
.mat-accordion {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
|
||||
&.adf-about-panel {
|
||||
.mat-expansion-panel {
|
||||
box-shadow: none;
|
||||
border-radius: 12px;
|
||||
margin: 24px;
|
||||
width: 95%;
|
||||
border: 1px solid var(--theme-about-panel-border-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
mat-expansion-panel {
|
||||
box-shadow: none !important;
|
||||
border-radius: 12px !important;
|
||||
margin: 24px !important;
|
||||
width: 95%;
|
||||
border: 1px solid var(--theme-about-panel-border-color);
|
||||
}
|
||||
|
||||
mat-expansion-panel-header {
|
||||
height: 80px !important;
|
||||
.mat-expansion-panel-header {
|
||||
height: 80px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
|
||||
@ -1,45 +1,47 @@
|
||||
@mixin adf-pagination-theme($theme) {
|
||||
.adf-pagination__block {
|
||||
flex: none !important;
|
||||
padding: 0 !important;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0.25px;
|
||||
}
|
||||
adf-pagination {
|
||||
&.adf-pagination {
|
||||
height: 32px;
|
||||
line-height: 24px;
|
||||
padding: 16px 0;
|
||||
|
||||
.adf-pagination {
|
||||
height: 32px !important;
|
||||
line-height: 24px !important;
|
||||
padding: 16px 0;
|
||||
}
|
||||
.adf-pagination__block {
|
||||
flex: none;
|
||||
padding: 0;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0.25px;
|
||||
|
||||
.adf-pagination__range-block {
|
||||
padding: 0 24px !important;
|
||||
}
|
||||
&.adf-pagination__range-block {
|
||||
padding: 0 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-pagination__perpage-block {
|
||||
flex: auto !important;
|
||||
padding-right: 24px !important;
|
||||
}
|
||||
.adf-pagination__perpage-block {
|
||||
flex: auto;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.adf-pagination__actualinfo-block {
|
||||
padding-right: 12px !important;
|
||||
.adf-pagination__actualinfo-block {
|
||||
padding-right: 12px;
|
||||
|
||||
.mat-menu-trigger {
|
||||
display: none !important;
|
||||
.mat-menu-trigger {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-pagination__previous-button {
|
||||
margin: 0 12px 0 0;
|
||||
}
|
||||
|
||||
.adf-pagination__next-button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.adf-pagination__controls-block {
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adf-pagination__previous-button {
|
||||
margin: 0 12px 0 0 !important;
|
||||
}
|
||||
|
||||
.adf-pagination__next-button {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.adf-pagination__controls-block {
|
||||
padding-right: 24px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,8 +11,4 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
adf-share-dialog .mat-form-field-label-wrapper label {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected > svg {
|
||||
fill: var(--theme-blue-button-color) !important;
|
||||
.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected.mat-icon > svg {
|
||||
fill: var(--theme-blue-button-color);
|
||||
}
|
||||
|
||||
.mat-list-base .mat-list-option {
|
||||
@ -45,9 +45,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
.adf-search-user-button,
|
||||
.adf-search-user-button.mat-button,
|
||||
.app-search-button {
|
||||
line-height: 36px !important;
|
||||
line-height: 36px;
|
||||
|
||||
@include rounded-border(transparent);
|
||||
|
||||
@ -58,21 +58,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
.mat-menu-item {
|
||||
.mat-menu-ripple {
|
||||
display: none;
|
||||
}
|
||||
.mat-menu-content {
|
||||
.mat-menu-item {
|
||||
.mat-menu-ripple {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include rounded-border(transparent);
|
||||
@include rounded-border(transparent);
|
||||
|
||||
&:focus-visible {
|
||||
@include rounded-border;
|
||||
&:focus-visible {
|
||||
@include rounded-border;
|
||||
|
||||
background-color: white;
|
||||
}
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
&.cdk-keyboard-focused:not([disabled]) {
|
||||
background-color: white;
|
||||
&.cdk-keyboard-focused:not([disabled]) {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -141,7 +143,7 @@
|
||||
}
|
||||
|
||||
.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content:not(.mat-datetimepicker-calendar-body-selected) {
|
||||
background-color: var(--theme-datetimepicker-cell-background) !important;
|
||||
background-color: var(--theme-datetimepicker-cell-background);
|
||||
}
|
||||
|
||||
.mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected {
|
||||
@ -156,7 +158,7 @@
|
||||
.mat-expansion-panel .mat-expansion-panel-header {
|
||||
border: 2px solid transparent;
|
||||
|
||||
.mat-button {
|
||||
.mat-button-base.mat-button {
|
||||
outline: none;
|
||||
|
||||
@include rounded-border(transparent);
|
||||
@ -193,8 +195,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.adf-filter-button {
|
||||
margin-left: -2px !important;
|
||||
.mat-button-base {
|
||||
&.adf-filter-button {
|
||||
margin-left: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-pagination {
|
||||
|
||||
@ -10,29 +10,43 @@ $contrast-gray: #646569;
|
||||
color: var(--theme-text-color, rgba(0, 0, 0, 0.54));
|
||||
}
|
||||
|
||||
.adf-name-location-cell-location {
|
||||
color: $contrast-gray !important;
|
||||
.adf-name-location-cell-location.adf-datatable-cell-value {
|
||||
color: $contrast-gray;
|
||||
}
|
||||
|
||||
.mat-form-field-label, .mat-tab-label, .mat-checkbox-label, .mat-toolbar {
|
||||
color: $contrast-gray !important;
|
||||
opacity: 1 !important;
|
||||
.mat-tab-list {
|
||||
.mat-tab-labels {
|
||||
.mat-tab-label {
|
||||
&.mat-tab-label-active {
|
||||
color: #212121;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-tab-label-active {
|
||||
color: #212121 !important;
|
||||
.mat-form-field-label-wrapper .mat-form-field-label,
|
||||
.mat-tab-list .mat-tab-labels .mat-tab-label,
|
||||
.mat-checkbox-label,
|
||||
mat-toolbar.mat-toolbar.mat-toolbar-multiple-row,
|
||||
mat-toolbar.mat-toolbar.mat-toolbar-single-row {
|
||||
color: $contrast-gray;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.adf-upload-dialog {
|
||||
&__header, &__content {
|
||||
&__header,
|
||||
&__content {
|
||||
color: $contrast-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-version-list-item {
|
||||
&-comment, &-date {
|
||||
color: $contrast-gray;
|
||||
opacity: 1 !important;
|
||||
.adf-version-list {
|
||||
.adf-version-list-item {
|
||||
&-comment,
|
||||
&-date {
|
||||
color: $contrast-gray;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -41,15 +55,16 @@ $contrast-gray: #646569;
|
||||
color: $contrast-gray;
|
||||
}
|
||||
|
||||
.adf-textitem-edit-icon.mat-icon {
|
||||
color: $contrast-gray !important;
|
||||
.adf-property-field {
|
||||
.adf-textitem-edit-icon.mat-icon {
|
||||
color: $contrast-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-property-field.adf-card-textitem-field:hover .adf-property-clear-value {
|
||||
color: $contrast-gray !important;
|
||||
color: $contrast-gray;
|
||||
}
|
||||
|
||||
.adf-empty-content__icon {
|
||||
color: $contrast-gray;
|
||||
}
|
||||
|
||||
|
||||
@ -8,7 +8,7 @@ $background: map-get($custom-theme, background);
|
||||
$data-table-thumbnail-width: 35px;
|
||||
$data-table-cell-min-width: 150px;
|
||||
$data-table-cell-min-width-no-grow: 120px;
|
||||
$data-table-cell-min-width-file-size: 110px !important;
|
||||
$data-table-cell-min-width-file-size: 110px;
|
||||
|
||||
// Upload drag
|
||||
$adf-upload-dragging-color: unset;
|
||||
|
||||
@ -48,10 +48,10 @@
|
||||
}
|
||||
|
||||
.scrollable {
|
||||
overflow: auto !important;
|
||||
overflow: auto;
|
||||
|
||||
.main-content {
|
||||
overflow: auto !important;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user