alfresco-ng2-components/lib/content-services/upload/components/file-uploading-dialog.component.scss
Eugenio Romano a52bb5600a
New packages org (#2639)
New packages org
2017-11-16 14:12:52 +00:00

96 lines
1.9 KiB
SCSS

@mixin adf-upload-dialog-theme($theme) {
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
.upload-dialog {
background: mat-color($background, dialog);
color: mat-color($foreground, text, 0.54);
position: fixed;
bottom: 20px;
width: 40%;
box-shadow: 1px 5px 15px #888888;
&--padding {
padding: 1em;
}
&--hide {
display: none !important;
}
&--position-left {
left: 25px;
}
&--position-right {
right: 25px;
}
&--minimized {
width: 20%;
.upload-dialog__content {
display: none;
}
}
&__header {
padding: 1em;
display: flex;
align-items: center;
button {
min-width: 0;
padding: 0;
line-height: 0;
}
}
&__title {
margin-left: 0.5em;
flex: 1 1 auto;
}
&__info {
padding: 0 1em 1em 1em;
}
&__content {
overflow: auto;
max-height: 194px;
border-top: 1px solid mat-color($foreground, text, 0.14);
border-bottom: 1px solid mat-color($foreground, text, 0.14);
}
&__confirmation {
padding: 0 0.5em 0 0.5em;
}
&__confirmation--title {
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.4px;
color: $black-87-opacity;
}
&__confirmation--text {
margin-bottom: 0;
}
&__actions {
display: flex;
justify-content: flex-end;
padding: 1em;
& > button {
text-transform: uppercase;
}
}
& mat-icon {
cursor: pointer;
}
}
}