mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-31 17:38:28 +00:00
[AAE-11496] Move 'content-plugin' to projects folder as 'aca-content' (#2817)
* [AAE-11496] Move content-plugin to projects * Fix unit test
This commit is contained in:
204
projects/aca-content/src/lib/ui/overrides/ay11.scss
Normal file
204
projects/aca-content/src/lib/ui/overrides/ay11.scss
Normal file
@@ -0,0 +1,204 @@
|
||||
@mixin ay11-theme() {
|
||||
.adf-pagination {
|
||||
&__perpage-block,
|
||||
&__actualinfo-block {
|
||||
|
||||
.mat-icon-button {
|
||||
left: 3px;
|
||||
&:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-icon {
|
||||
@include rounded-outline();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-icon-button, .mat-button, .mat-checkbox, .mat-raised-button {
|
||||
&:focus-visible {
|
||||
@include rounded-outline();
|
||||
}
|
||||
.mat-ripple-element {
|
||||
display: none;
|
||||
}
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-button-focus-overlay {
|
||||
display: none;
|
||||
}
|
||||
.mat-checkbox-ripple {
|
||||
@include rounded-outline();
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
left: calc(50% - 11px);
|
||||
top: calc(50% - 11px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected > svg {
|
||||
fill: var(--theme-blue-button-color) !important;
|
||||
}
|
||||
|
||||
.mat-list-base .mat-list-option {
|
||||
&:focus-visible {
|
||||
background-color: white;
|
||||
.mat-list-item-content {
|
||||
@include rounded-border();
|
||||
}
|
||||
}
|
||||
.mat-list-item-content {
|
||||
@include rounded-border(transparent);
|
||||
}
|
||||
}
|
||||
|
||||
.acs-close-members-container {
|
||||
.mat-icon-button {
|
||||
outline: none;
|
||||
line-height: 36px !important;
|
||||
@include rounded-border(transparent);
|
||||
&:focus-visible {
|
||||
@include rounded-border();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adf-search-user-button, .app-search-button {
|
||||
line-height: 36px !important;
|
||||
@include rounded-border(transparent);
|
||||
&:focus-visible {
|
||||
outline: none;
|
||||
@include rounded-border();
|
||||
}
|
||||
}
|
||||
|
||||
.mat-menu-item {
|
||||
.mat-menu-ripple {
|
||||
display: none;
|
||||
}
|
||||
@include rounded-border(transparent);
|
||||
&:focus-visible {
|
||||
@include rounded-border();
|
||||
background-color: white;
|
||||
}
|
||||
&.cdk-keyboard-focused:not([disabled]) {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-toolbar-title {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.mat-option {
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-option-ripple {
|
||||
@include rounded-outline();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-slide-toggle {
|
||||
&.mat-primary.mat-checked:not(.mat-disabled) {
|
||||
.mat-slide-toggle-bar {
|
||||
background-color: var(--theme-blue-button-color);
|
||||
}
|
||||
.mat-slide-toggle-thumb {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.mat-slide-toggle-thumb {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
transform: translate(20%, 50%);
|
||||
background-color: #484a4d;
|
||||
}
|
||||
|
||||
.mat-slide-toggle-bar {
|
||||
border-radius: 15px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.mat-slide-toggle-thumb-container {
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.mat-slide-toggle-ripple {
|
||||
display: none;
|
||||
}
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-slide-toggle-bar {
|
||||
outline: 2px solid var(--theme-blue-button-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-stroked-button, .mat-flat-button {
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-button-ripple.mat-ripple {
|
||||
outline: 2px solid var(--theme-blue-button-color);
|
||||
top: -4px;
|
||||
left: -4px;
|
||||
bottom: -4px;
|
||||
right: -4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-option {
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-option-ripple {
|
||||
@include rounded-outline();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content:not(.mat-datetimepicker-calendar-body-selected) {
|
||||
background-color: white !important;
|
||||
outline: 2px solid var(--theme-blue-button-color);
|
||||
}
|
||||
|
||||
.mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected {
|
||||
background-color: #2254b2;
|
||||
}
|
||||
|
||||
.mat-expansion-panel .mat-expansion-panel-header {
|
||||
border: 2px solid transparent;
|
||||
.mat-button {
|
||||
outline: none;
|
||||
@include rounded-border(transparent);
|
||||
&:focus-visible {
|
||||
@include rounded-border();
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
&.cdk-keyboard-focused:not([aria-disabled=true]) {
|
||||
background-color: white;
|
||||
@include rounded-border();
|
||||
}
|
||||
}
|
||||
|
||||
.adf-error-snackbar {
|
||||
background-color: #ba1b1b;
|
||||
|
||||
.mat-simple-snackbar, .mat-simple-snackbar-action {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-info-snackbar {
|
||||
background-color: var(--theme-blue-button-color);
|
||||
|
||||
.mat-simple-snackbar, .mat-simple-snackbar-action {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-filter-button {
|
||||
margin-left: -2px !important;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user