mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
* [ADF-1932] Settings button now is located inside the login menu * [ADF-1932] Improved styles * [ADF-1932] CSS replaced by SCSS, settings button now matches material accent color * enable source map in the dist * Revert "enable source map in the dist" This reverts commit 0e53ace55bd9d9c689cb1fa1496010332d5cf1d5.
52 lines
1.0 KiB
SCSS
52 lines
1.0 KiB
SCSS
@mixin adf-login-component-theme($theme) {
|
|
.setting-button.mat-fab.mat-accent {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
.settings {
|
|
border-radius: 8px;
|
|
position: absolute;
|
|
background-color: papayawhip;
|
|
color: cadetblue;
|
|
left: 10px;
|
|
top: 10px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.toggle {
|
|
width: 190px;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.mobile-settings, .mobile-setting-button {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and ($mat-small) {
|
|
.settings, .setting-button.mat-fab.mat-accent {
|
|
display: none;
|
|
}
|
|
|
|
.mobile-settings, .mobile-setting-button {
|
|
display: block;
|
|
}
|
|
|
|
.mobile-setting-button {
|
|
width: 100%;
|
|
}
|
|
|
|
.mobile-settings {
|
|
padding-bottom: 20px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
}
|
|
|
|
.settings ::ng-deep .mat-slide-toggle-thumb-container {
|
|
cursor: pointer;
|
|
}
|
|
} |