mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
6f968f7e4a
* remove default-class mixin and use regular import * cleanup colors * remove variables file, fix bugs in animations * proper ordering of imports, core css vars * cleanup snackbar and material themes * tags component * login component styles * app login * toolbar component styles * breadcrumb styles * dropdown breadcrumb * app layout component * demo shell: files component * aspect list styles * content metadata styles * node selector * name location cell * node share dialog * content type dialog * folder dialog * document list * datatable theme * pagination theme * viewer theme * viewer theme * user-info theme * container widget * dynamic table theme * form widgets * form theme * form renderer * sidebar menu * header theme * info drawer theme * comment list * commens and layout container * sidenav layout * empty content * error content * clipboard theme * search input * tooltip card and notification history * card view theme * remove unused keys * add permission dialog * search and permission dialogs * version comparison and column themes * upload drag area and cleanup references * remove the need for content styles * insight components * cleanup insights theme * process components * process components * process cloud themes * cleanup unsed imports * cleanup mixins * update build scripts * test fixes * remove fdescribe * css fixes * update unit tests
99 lines
2.4 KiB
SCSS
99 lines
2.4 KiB
SCSS
.adf-viewer-content-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.adf-pdf-viewer {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
|
|
.adf-loader-container {
|
|
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
|
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
|
display: -webkit-flex; /* NEW - Chrome */
|
|
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
|
|
-webkit-box-flex-direction: row;
|
|
-moz-box-flex-direction: row;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
height:100%;
|
|
}
|
|
|
|
&__thumbnails {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 190px;
|
|
background-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.adf-thumbnails-template {
|
|
&__container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
&__buttons {
|
|
height: 45px;
|
|
justify-content: flex-end;
|
|
align-items: flex-end;
|
|
display: flex;
|
|
color: var(--theme-text-color);
|
|
}
|
|
}
|
|
|
|
&__container {
|
|
display: flex;
|
|
height: 100vh;
|
|
}
|
|
|
|
&__content {
|
|
flex: 1 1 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.adf-loader-item {
|
|
margin: auto;
|
|
max-height:100px;
|
|
max-width:300px;
|
|
}
|
|
|
|
&__toolbar {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
.adf-toolbar .mat-toolbar {
|
|
max-height: 48px;
|
|
background-color: var(--theme-card-bg-color);
|
|
border-width: 0;
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
&-page-selector {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 14px;
|
|
|
|
& > input {
|
|
border: 1px solid var(--theme-border-color);
|
|
background-color: var(--theme-card-bg-color);
|
|
color: inherit;
|
|
font-size: 14px;
|
|
padding: 5px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: right;
|
|
width: 33px;
|
|
margin-right: 4px;
|
|
outline-width: 1px;
|
|
outline-color: gray;
|
|
}
|
|
}
|
|
}
|
|
}
|