davidcanonieto 2940b6ce99 [ADF-1932] Settings button now is located inside the login menu (#3114)
* [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.
2018-03-26 10:57:50 +02:00

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;
}
}