inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1765] Info Drawer - Review the specification (#2519)

Browse Source 
* Changed css for adf-info-drawer as per design specification
This commit is contained in:
madhukar23 2017-10-23 21:25:34 +05:30 committed by Eugenio Romano
parent 3ebf3cb217
commit 40e657d486
1 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,25 +1,51 @@
@mixin mat-info-drawer-theme($theme) { @mixin mat-info-drawer-theme($theme) {
$primary: map-get($theme, primary);
$background: map-get($theme, background); $background: map-get($theme, background);
$foreground: map-get($theme, foreground);
$adf-info-drawer-layout-background-color: mat-color($background, background) !default;
$adf-info-drawer-layout-title-color: mat-color($foreground, text, .54) !default;
$adf-info-drawer-layout-title-font-size: 20px !default;
.adf { .adf {
&-info-drawer-layout { &-info-drawer-layout {
width: 100%; width: 100%;
display: block; display: block;
padding: 8px 0; background-color: $adf-info-drawer-layout-background-color;
background-color: mat-color($background, dialog);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
& .mat-tab-label {
font-weight: bold;
text-align: left;
color: mat-color($primary);
}
&-header { &-header {
padding: 8px 24px 24px 24px; padding: 13px 0px 0px 23px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 20px; margin-bottom: 40px;
&-buttons { &-buttons {
mat-icon { mat-icon {
cursor: pointer; cursor: pointer;
} }
} }
&-title {
width: 197px;
height: 32px;
font-size: $adf-info-drawer-layout-title-font-size;
line-height: 1.6;
letter-spacing: -0.5px;
text-align: left;
color: $adf-info-drawer-layout-title-color;
& > div {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
} }
&-content { &-content {