pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style fixes

Browse Source
This commit is contained in:
Wim Brand
2019-11-21 20:25:06 +01:00
parent 59ef838581
commit 68e28bf51a
9 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
res/static/style/layout.css
View File

@@ -202,26 +202,29 @@ body{
.highlight_headerbar,
.highlight_green,
.highlight_blue,
.highlight_red {
.highlight_red,
.highlight_1,
.highlight_2,
.highlight_3,
.highlight_4 {
position: relative;
width: auto;
height: auto;
/* margin: 0; */
box-sizing: border-box;
overflow: hidden;
text-align: center;
padding: .5em;
}
.highlight_dark {
.highlight_dark, .highlight_1 {
background-color: var(--layer_1_color);
box-shadow: 1px 1px var(--layer_1_shadow) 0 var(--shadow_color);}
.highlight_middle {
.highlight_middle, .highlight_2 {
background-color: var(--layer_2_color);
box-shadow: 1px 1px var(--layer_2_shadow) 0 var(--shadow_color);}
.highlight_light {
.highlight_light, .highlight_3 {
background-color: var(--layer_3_color);
box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color);}
.highlight_headerbar {
.highlight_headerbar, .highlight_4 {
background-color: var(--layer_4_color);
box-shadow: 1px 1px var(--layer_4_shadow) 0 var(--shadow_color);}
.highlight_green {

28
res/static/style/viewer.css
View File

@@ -16,24 +16,25 @@
}
/* Headerbar (row 1) */
.file_viewer > .highlight_headerbar {
.file_viewer > .file_viewer_headerbar {
flex-grow: 0;
flex-shrink: 0;
display: flex;
flex-direction: row;
text-align: left;
padding: 8px;
z-index: 10;
}
/* Headerbar components */
.file_viewer > .highlight_headerbar > * {
.file_viewer > .file_viewer_headerbar > * {
flex-grow: 0;
flex-shrink: 0;
margin-left: .4em;
margin-right: .4em;
display: inline-flex;
}
.file_viewer > .highlight_headerbar > .file_viewer_headerbar_title {
.file_viewer > .file_viewer_headerbar > .file_viewer_headerbar_title {
flex-grow: 1;
flex-shrink: 1;
display: flex;
@@ -43,18 +44,18 @@
line-height: 2em;
text-overflow: ellipsis;
}
.file_viewer > .highlight_headerbar > .button_home::after {
.file_viewer > .file_viewer_headerbar > .button_home::after {
content: "pixeldrain";
}
@media (max-width: 500px) {
.file_viewer > .highlight_headerbar > .button_home::after {
.file_viewer > .file_viewer_headerbar > .button_home::after {
content: "pd";
}
.file_viewer > .highlight_headerbar > .list_navigator_buttons {
.file_viewer > .file_viewer_headerbar > .list_navigator_buttons {
display: none;
}
}
.file_viewer > .highlight_headerbar > .file_viewer_headerbar_title > span {
.file_viewer > .file_viewer_headerbar > .file_viewer_headerbar_title > span {
flex-grow: 0;
flex-shrink: 0;
margin-right: 1em;
@@ -89,6 +90,7 @@
width: auto;
height: auto;
margin: 0;
z-index: 9;
}
.file_viewer > .file_viewer_window > .file_viewer_file_preview {
position: absolute;
@@ -101,7 +103,7 @@
min-width: 100px;
text-align: center;
vertical-align: middle;
transition: left 1s;
transition: left 0.5s;
overflow: hidden;
}
@@ -118,8 +120,8 @@
top: 0;
padding: 0;
text-align: left;
box-shadow: 2px 2px 8px var(--shadow_color);
transition: left 1s;
box-shadow: 1px 1px var(--layer_1_shadow) 0 var(--shadow_color);
transition: left 0.5s;
}
.file_viewer > .file_viewer_window > .file_viewer_sharebar{
position: absolute;
@@ -135,7 +137,7 @@
text-align: center;
z-index: 48;
overflow: hidden;
transition: left 1s;
transition: left 0.5s;
}
/* =====================
@@ -261,8 +263,8 @@
flex-direction: column;
opacity: 0;
transition: visibility .5s, opacity .5s;
background-color: var(--layer_1_color);
border-color: var(--layer_1_color_border);
background-color: var(--layer_2_color);
border-color: var(--layer_2_color_border);
max-height: 100%;
max-width: 100%;
top: 20%;