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

Style listnavigator better

Browse Source
This commit is contained in:
Wim Brand
2019-07-18 19:53:09 +02:00
parent 3023662894
commit 086a4b77ec
6 changed files with 60 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -25,6 +25,11 @@ body{
text-align: left;
padding: 0.2em;
}
.file_viewer > .highlight_headerbar > .button_group {
flex-grow: 0;
flex-shrink: 0;
display: inline-flex;
}
.file_viewer > .highlight_headerbar > .button_toggle_toolbar {
flex-grow: 0;
flex-shrink: 0;
@@ -41,30 +46,29 @@ body{
white-space: nowrap;
line-height: 2em;
}
.file_viewer > .highlight_headerbar > .list_navigator_buttons {
flex-grow: 0;
flex-shrink: 0;
display: inline-flex;
}
.file_viewer > .highlight_headerbar > .button_close_file_viewer {
flex-grow: 0;
flex-shrink: 0;
margin-left: .5em;
}
.file_viewer > .list_navigator{
.file_viewer > .list_navigator {
flex-grow: 0;
flex-shrink: 0;
position: relative;
display: none; /* Becomes visible if the page is a list */
width: 100%;
height: 100px;
background-color: var(--accent_color_dark);
box-shadow: 2px 2px 8px var(--shadow_color);
box-shadow: 0 0 8px var(--shadow_color);
text-align: center;
overflow-x: hidden;
line-height: 1em;
overflow-x: scroll;
overflow-y: hidden;
z-index: 50;
transition: top 1.5s;
white-space: nowrap;
}
.file_viewer > .list_navigator > .list_item{
height: 40px !important;
width: 250px !important;
}
.file_viewer > .file_viewer_window {
flex-grow: 1;
@@ -337,41 +341,3 @@ table > tbody > tr {border: none !important;}
height: 100%;
border: none;
}
#listNavigatorItems{
position: relative;
top: 0;
left: 0;
right: 0;
height: 100%;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
border: none;
padding: 0;
}
.listItem{
display: inline-block;
position: relative;
height: 95%;
width: 100px;
margin-right: 5px;
text-align: center;
border: var(--input_color) solid 2px;
border-radius: 2px;
font-size: 12px;
overflow: hidden;
cursor: pointer;
}
.list_item_selected{
border: var(--highlight_color) solid 2px;
}
.listItemThumbnail{
position: relative;
max-width: 100%;
max-height: 84%;
margin: 0;
}