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
51 lines
1.2 KiB
SCSS
51 lines
1.2 KiB
SCSS
.adf-image-viewer {
|
|
width: 100%;
|
|
|
|
.adf-image-container {
|
|
&:focus {
|
|
outline-offset: -1px;
|
|
outline: 1px solid var(--theme-accent-color-a200);
|
|
}
|
|
display: flex;
|
|
height: 90vh;
|
|
align-items: center;
|
|
justify-content: center;
|
|
img {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|
|
/* query for Microsoft IE 11*/
|
|
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
|
|
img {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__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);
|
|
}
|
|
|
|
.adf-main-toolbar {
|
|
display: inline-block;
|
|
}
|
|
|
|
.adf-secondary-toolbar {
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
}
|
|
}
|