inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

add dynamic color background info drawer (#2292)

Browse Source
This commit is contained in:
Eugenio Romano
2017-09-04 21:46:10 +02:00
committed by Mario Romano
parent 2cd3c9c233
commit f6db06a585
11 changed files with 357 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
ng2-components/ng2-alfresco-core/src/components/info-drawer/info-drawer-layout.component.scss
View File

@@ -1,35 +1,39 @@
.adf {
&-info-drawer-layout {
width: 350px;
display: block;
padding: 8px 0;
background-color: #FAFAFA;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
@mixin mat-info-drawer-theme($theme) {
$background: map-get($theme, background);
&-header {
padding: 8px 24px 24px 24px;
display: flex;
justify-content: space-between;
font-size: 20px;
.adf {
&-info-drawer-layout {
width: 350px;
display: block;
padding: 8px 0;
background-color: mat-color($background, dialog);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
&-buttons {
md-icon {
cursor: pointer;
&-header {
padding: 8px 24px 24px 24px;
display: flex;
justify-content: space-between;
font-size: 20px;
&-buttons {
md-icon {
cursor: pointer;
}
}
}
&-content {
padding: 10px;
> * {
margin-bottom: 20px;
display: block;
}
> *:last-child {
margin-bottom: 0;
}
}
}
&-content {
padding: 10px;
> * {
margin-bottom: 20px;
display: block;
}
> *:last-child {
margin-bottom: 0;
}
}
}
}
}