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

[ADF-5456] improved theming bundling (#7180)

Browse Source 
* theming barrel file for core

* card-view theme

* clipboard theme

* rename core theme files

* content services themes

* process services theme

* process services cloud theme

* insights theming

* try fix flaky test
This commit is contained in:
Denys Vuika
2021-07-20 15:24:37 +01:00
committed by GitHub
parent c1860f0c1f
commit 81f7e2af33
119 changed files with 145 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
lib/core/viewer/components/pdf-viewer.component.scss
View File

@@ -1,101 +0,0 @@
@mixin adf-pdf-viewer-theme($theme) {
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
.adf-viewer-content-container {
width: 100%;
}
.adf-pdf-viewer {
width: 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: mat-color($foreground, text, 0.54);
}
}
&__container {
display: flex;
height: 100%;
}
&__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: mat-color($background, card);
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 mat-color($foreground, text, 0.07);
background-color: mat-color($background, card);
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;
}
}
}
}
}