diff --git a/src/_h5ai/client/css/inc/download.less b/src/_h5ai/client/css/inc/download.less index 59b6f576..675f71b1 100644 --- a/src/_h5ai/client/css/inc/download.less +++ b/src/_h5ai/client/css/inc/download.less @@ -1,7 +1,6 @@ #download { display: none; - .topbar-right; .transition(all 0.2s ease-in-out); &.failed { diff --git a/src/_h5ai/client/css/inc/filter.less b/src/_h5ai/client/css/inc/filter.less index 9320b630..b717222b 100644 --- a/src/_h5ai/client/css/inc/filter.less +++ b/src/_h5ai/client/css/inc/filter.less @@ -1,6 +1,5 @@ #filter { - .topbar-right; input { border: none; diff --git a/src/_h5ai/client/css/inc/general.less b/src/_h5ai/client/css/inc/general.less index b2117d6a..4b225c91 100644 --- a/src/_h5ai/client/css/inc/general.less +++ b/src/_h5ai/client/css/inc/general.less @@ -1,5 +1,7 @@ -// @col-blue: #2196F3; -@col-blue: #42a5f5; +@col-blue-400: #42a5f5; +@col-blue-500: #2196F3; +@col-blue-700: #1976D2; +@col-blue-900: #0D47A1; @col-green: #4caf50; @col-red: #f44336; @@ -20,7 +22,9 @@ @col-divider-white: rgba(255,255,255,0.12); @col-text-selected: @col-text-primary-white; -@col-back-selected: @col-blue; +@col-back-selected: @col-blue-400; + +@col-text-highlight: #111111; @col-font-light: @col-light; @col-font-dark: @col-dark; @@ -30,7 +34,7 @@ @col: @col-text-primary-black; @col-back: @col-back-dark; -@col-hover: @col-blue; +@col-hover: @col-blue-400; @col-border: rgba(0,0,0,0.05); @col-border-strong: rgba(0,0,0,0.15); @col-border-stronger: rgba(0,0,0,0.3); @@ -38,8 +42,8 @@ @col-okay: @col-green; @col-error: @col-red; -@col-link: @col-blue; -@col-link-hover: @col-blue; +@col-link: @col-blue-400; +@col-link-hover: @col-blue-400; @col-widget-back: rgb(245,245,245); @col-widget-back-highlight: rgba(255,255,255,0.8); @@ -63,8 +67,8 @@ @font-family-mono: monospace; -::-moz-selection { background: @col-blue; color: @col-text-primary-white; text-shadow: none; } -::selection { background: @col-blue; color: @col-text-primary-white; text-shadow: none; } +::-moz-selection { background: @col-blue-400; color: @col-text-primary-white; text-shadow: none; } +::selection { background: @col-blue-400; color: @col-text-primary-white; text-shadow: none; } .transition (@transition) { -webkit-transition: @transition; @@ -96,7 +100,7 @@ .rounded(); .transition(all 0.2s ease-in-out); color: @col-text-primary-white; - background: @col-blue; + background: @col-blue-400; border-radius: 2px; cursor: pointer; text-decoration: none; diff --git a/src/_h5ai/client/css/inc/preview.less b/src/_h5ai/client/css/inc/preview.less index 64f435bd..357948f8 100644 --- a/src/_h5ai/client/css/inc/preview.less +++ b/src/_h5ai/client/css/inc/preview.less @@ -38,17 +38,20 @@ cursor: pointer; img { + display: block; width: 48px; height: 48px; margin: -36px 0; padding: 12px; opacity: 0.5; + .transition(all 0.2s ease-in-out); } &:hover { img { - background-color: rgba(27,27,27,0.8); opacity: 1; + background-color: rgba(27,27,27,0.8); + box-shadow: 0 0 8px 2px rgba(0,0,0,0.3); } } } @@ -56,8 +59,7 @@ #pv-prev-area { left: 0; img { - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; + border-radius: 0 8px 8px 0; padding-left: 48px; } } @@ -65,8 +67,7 @@ #pv-next-area { right: 0; img { - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; + border-radius: 8px 0 0 8px; padding-right: 48px; } } @@ -79,65 +80,52 @@ img { position: relative; - top: -2px; - width: 16px; - height: 16px; - } - img + span, img + input { - margin-left: 6px; - } - input { - background-color: rgba(255,255,255,0.1); - border: none; - color: #ccc; + width: 24px; + height: 24px; + padding: 12px } .bar-label { display: block; - color: #ccc; - height: 30px; - line-height: 30px; - padding: 0 10px; + color: @col-text-primary-white; + height: 48px; + line-height: 48px; + padding: 0 12px; opacity: 0.7; .transition(all 0.2s ease-in-out); } - .bar-highlight { - background-color: rgba(255,255,255,0.1); - opacity: 1.0; - } - - @bar-sep-border: 1px solid rgba(255,255,255,0.08); - .bar-button { - .bar-label; + display: block; + line-height: 48px; + opacity: 0.7; cursor: pointer; + .transition(all 0.2s ease-in-out); + &:hover { - .bar-highlight; + opacity: 1.0; + background-color: rgba(255,255,255,0.1); } } .bar-left { float: left; - border-right: @bar-sep-border; } .bar-right { float: right; - border-left: @bar-sep-border; } } #pv-bottombar { position: fixed; z-index: 5; - width: 100%; - height: 32px; left: 0; + right: 0; bottom: 0; background-color: rgb(27,27,27); - border-top: 1px solid rgb(45,45,45); - + // box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); + box-shadow: 0 0 8px 2px rgba(0,0,0,0.3); } #pv-overlay.fullscreen { diff --git a/src/_h5ai/client/css/inc/sidebar.less b/src/_h5ai/client/css/inc/sidebar.less index 7a5130ec..f9e45396 100644 --- a/src/_h5ai/client/css/inc/sidebar.less +++ b/src/_h5ai/client/css/inc/sidebar.less @@ -3,13 +3,13 @@ display: none; overflow: auto; flex: 0 0 auto; - order: 99; - width: 200px; - padding: 16px 8px 16px 16px; - border-left: 1px solid @col-border; + order: 0; + width: 264px; + border-right: 1px solid @col-border; } #settings { + padding: 16px 8px 16px 16px; .block { display: block; @@ -29,10 +29,8 @@ .transition(all 0.2s ease-in-out); display: block; - height: 30px; - line-height: 30px; - padding: 0 10px; outline: 0; + border-radius: 2px; &:hover { opacity: 1.0; @@ -49,21 +47,22 @@ } img { - position: relative; - top: -2px; - width: 16px; - height: 16px; + width: 24px; + height: 24px; + padding: 12px; } .view { display: inline-block; - margin: 0 4px 0 0; + margin: 4px; + border-radius: 2px; } .select { background: transparent; width: 175px; overflow: hidden; + border-radius: 2px; outline: 0; &:hover { @@ -99,9 +98,9 @@ input[type='range'] { border-radius: 2px; - width: 50px; - margin: 0 0 4px 12px; - padding: 0 8px; + width: 142px; + margin: 4px; + padding: 9px; vertical-align: middle; } @@ -110,9 +109,9 @@ -ms-appearance: none; -webkit-appearance: none; border-width: 0; - border-radius: 2px; + border-radius: 20px; background: @col-range-back; - height: 2px; + height: 6px; } .range-thumb() { @@ -120,10 +119,10 @@ -ms-appearance: none; -webkit-appearance: none; border-width: 0; - border-radius: 2px; + border-radius: 20px; background: @col-range-thumb; - width: 12px; - height: 12px; + width: 16px; + height: 16px; } input[type='range']::-webkit-slider-runnable-track { .range-track; } diff --git a/src/_h5ai/client/css/inc/topbar.less b/src/_h5ai/client/css/inc/topbar.less index b5f5d5df..f288a01b 100644 --- a/src/_h5ai/client/css/inc/topbar.less +++ b/src/_h5ai/client/css/inc/topbar.less @@ -3,84 +3,94 @@ overflow: hidden; flex: 0 0 auto; order: 1; - min-height: 30px; - font-weight: lighter; - background: #fafafa; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start; + align-content: flex-start; + align-items: stretch; + + background: @col-lightgray; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); z-index: 1; } -.topbar-hover { - color: @col-hover; -} - -.topbar-left { - float: left; - // border-right: @border-widget-sep; -} - -.topbar-right { - float: right; - // border-left: @border-widget-sep; -} - - #navbar { - list-style: none; - list-style-image: none; - margin: 0; - padding: 0; + display: none; +} - a, a:active, a:visited, span.element { + +#toolbar { + overflow: hidden; + flex: 0 0 auto; + order: 1; + height: 48px; + + .tool { + display: inline-block; + cursor: pointer; + + img { + display: inline-block; + width: 24px; + height: 24px; + padding: 12px; + } + } +} + + +#crumbbar { + overflow: hidden; + flex: 0 0 auto; + order: 2; + height: 48px; + font-size: 16px; + padding: 0 8px; + border-left: 1px solid rgba(0,0,0,0.05); + + a, a:active, a:visited { color: @col; cursor: pointer; text-decoration: none; - .transition(all 0.2s ease-in-out); - display: block; - height: 48px; - line-height: 48px; - font-size: 15px; - padding: 0 6px; - - &:hover { - .topbar-hover; + &.current { + font-weight: bold; + color: @col-text-highlight; + } + &:hover { + color: @col-hover; + } + &:focus { + outline: 0; } - } - .current { - font-weight: bold; - } - .element { - } - img { - position: relative; - top: -1px; - width: 16px; - height: 16px; - opacity: 0.8; - } - img + span, img + input { - margin-left: 8px; } .crumb { - .topbar-left; - .hint { - margin-left: 8px; - font-style: italic; - color: #999; - } - img.hint { - opacity: 0.8; - width: 12px; - height: 12px; - } - &.root, &.domain { - margin-left: 10px; - } + display: inline-block; + .transition(all 0.2s ease-in-out); } - .view { - .topbar-right; + .sep { + width: 24px; + height: 24px; + padding: 12px 0; + line-height: 48px; + display: inline-block; + vertical-align: top; + } + .label { + line-height: 48px; + display: inline-block; + vertical-align: top; + padding: 0 8px; + } + .hint { + width: 16px; + height: 16px; + padding: 16px 4px 16px 0; + line-height: 48px; + display: inline-block; + vertical-align: top; } } diff --git a/src/_h5ai/client/css/inc/tree.less b/src/_h5ai/client/css/inc/tree.less index 0538abf7..c8a0859e 100644 --- a/src/_h5ai/client/css/inc/tree.less +++ b/src/_h5ai/client/css/inc/tree.less @@ -31,12 +31,12 @@ .indicator { display: inline-block; position: relative; - top: -1px; + top: -2px; cursor: pointer; img { - width: 12px; - height: 12px; + width: 20px; + height: 20px; .transition(all 0.2s ease-in-out); } &.open { @@ -56,14 +56,17 @@ .icon { position: relative; top: -2px; - margin: 0 8px; img { - width: 16px; - height: 16px; + width: 20px; + height: 20px; } } + .label { + margin: 0 0 0 4px; + } + .content { list-style: none; margin: 0; diff --git a/src/_h5ai/client/css/inc/view-details.less b/src/_h5ai/client/css/inc/view-details.less index 34ed58c5..d5801ed7 100644 --- a/src/_h5ai/client/css/inc/view-details.less +++ b/src/_h5ai/client/css/inc/view-details.less @@ -55,9 +55,9 @@ display: none; position: relative; top: -2px; - width: 12px; - height: 12px; - padding: 0 8px; + width: 20px; + height: 20px; + padding: 0 4px; } .ascending .sort.ascending, @@ -109,9 +109,5 @@ top: 0; } - .selector { - left: -5px; - } - .view-details-sized(16px) } diff --git a/src/_h5ai/client/css/inc/view.less b/src/_h5ai/client/css/inc/view.less index d11a47f8..c493d955 100644 --- a/src/_h5ai/client/css/inc/view.less +++ b/src/_h5ai/client/css/inc/view.less @@ -102,16 +102,14 @@ .selector { display: none; position: absolute; - left: -1px; - top: 4px; + left: 0; + top: 0; width: 22px; height: 22px; - background-color: #fff; + background-color: @col-back-selected; cursor: pointer; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); - border-radius: 0 2px 2px 0; + border-radius: 0 0 2px 0; opacity: 0.6; - padding: 0 0 0 4px; &:hover { opacity: 0.8; diff --git a/src/_h5ai/client/images/ascending.svg b/src/_h5ai/client/images/ascending.svg index 8218272e..f3126a98 100644 --- a/src/_h5ai/client/images/ascending.svg +++ b/src/_h5ai/client/images/ascending.svg @@ -1,5 +1,60 @@ - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/crumb.svg b/src/_h5ai/client/images/crumb.svg index 3a7f0e1f..3cf99894 100644 --- a/src/_h5ai/client/images/crumb.svg +++ b/src/_h5ai/client/images/crumb.svg @@ -1,7 +1,58 @@ - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/descending.svg b/src/_h5ai/client/images/descending.svg index cf80e0fa..3816dc29 100644 --- a/src/_h5ai/client/images/descending.svg +++ b/src/_h5ai/client/images/descending.svg @@ -1,5 +1,60 @@ - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/download.svg b/src/_h5ai/client/images/download.svg index b0e21bc3..18f3dba5 100644 --- a/src/_h5ai/client/images/download.svg +++ b/src/_h5ai/client/images/download.svg @@ -1,9 +1,58 @@ - - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/ar.svg b/src/_h5ai/client/images/fallback/ar.svg index 1ad5f409..e96fe183 100644 --- a/src/_h5ai/client/images/fallback/ar.svg +++ b/src/_h5ai/client/images/fallback/ar.svg @@ -1,4 +1,66 @@ - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/aud.svg b/src/_h5ai/client/images/fallback/aud.svg index 732c5681..7d4fc587 100644 --- a/src/_h5ai/client/images/fallback/aud.svg +++ b/src/_h5ai/client/images/fallback/aud.svg @@ -1,8 +1,63 @@ - - - - - - - + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/bin.svg b/src/_h5ai/client/images/fallback/bin.svg index f11abe44..3c839ce7 100644 --- a/src/_h5ai/client/images/fallback/bin.svg +++ b/src/_h5ai/client/images/fallback/bin.svg @@ -1,4 +1,69 @@ - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/file.png b/src/_h5ai/client/images/fallback/file.png index f44acd91..b3af9777 100644 Binary files a/src/_h5ai/client/images/fallback/file.png and b/src/_h5ai/client/images/fallback/file.png differ diff --git a/src/_h5ai/client/images/fallback/file.svg b/src/_h5ai/client/images/fallback/file.svg index e91353fb..ba2b8576 100644 --- a/src/_h5ai/client/images/fallback/file.svg +++ b/src/_h5ai/client/images/fallback/file.svg @@ -1,3 +1,62 @@ - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/folder-page.svg b/src/_h5ai/client/images/fallback/folder-page.svg index 4950fa07..38c3c667 100644 --- a/src/_h5ai/client/images/fallback/folder-page.svg +++ b/src/_h5ai/client/images/fallback/folder-page.svg @@ -1,3 +1,62 @@ - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/folder-parent.png b/src/_h5ai/client/images/fallback/folder-parent.png index dcc3e4dd..b0c1225b 100644 Binary files a/src/_h5ai/client/images/fallback/folder-parent.png and b/src/_h5ai/client/images/fallback/folder-parent.png differ diff --git a/src/_h5ai/client/images/fallback/folder-parent.svg b/src/_h5ai/client/images/fallback/folder-parent.svg index 21a79fc1..b8eb8ec0 100644 --- a/src/_h5ai/client/images/fallback/folder-parent.svg +++ b/src/_h5ai/client/images/fallback/folder-parent.svg @@ -1,8 +1,72 @@ - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/folder.png b/src/_h5ai/client/images/fallback/folder.png index a7bf9334..b29d7c4d 100644 Binary files a/src/_h5ai/client/images/fallback/folder.png and b/src/_h5ai/client/images/fallback/folder.png differ diff --git a/src/_h5ai/client/images/fallback/folder.svg b/src/_h5ai/client/images/fallback/folder.svg index 649e9b40..5ddef238 100644 --- a/src/_h5ai/client/images/fallback/folder.svg +++ b/src/_h5ai/client/images/fallback/folder.svg @@ -1,3 +1,68 @@ - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/img.svg b/src/_h5ai/client/images/fallback/img.svg index 5ac43c90..fe2994c6 100644 --- a/src/_h5ai/client/images/fallback/img.svg +++ b/src/_h5ai/client/images/fallback/img.svg @@ -1,4 +1,63 @@ - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/txt.svg b/src/_h5ai/client/images/fallback/txt.svg index a4ff9150..ef8348e7 100644 --- a/src/_h5ai/client/images/fallback/txt.svg +++ b/src/_h5ai/client/images/fallback/txt.svg @@ -1,6 +1,88 @@ - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/src/_h5ai/client/images/fallback/vid.svg b/src/_h5ai/client/images/fallback/vid.svg index 8867392f..20bc0152 100644 --- a/src/_h5ai/client/images/fallback/vid.svg +++ b/src/_h5ai/client/images/fallback/vid.svg @@ -1,17 +1,63 @@ - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/images/favicon/favicon-152.png b/src/_h5ai/client/images/favicon/favicon-152.png index 3f8e9fa5..f17f7d47 100644 Binary files a/src/_h5ai/client/images/favicon/favicon-152.png and b/src/_h5ai/client/images/favicon/favicon-152.png differ diff --git a/src/_h5ai/client/images/favicon/favicon-16-32.ico b/src/_h5ai/client/images/favicon/favicon-16-32.ico index 5c6e9412..b68aab25 100644 Binary files a/src/_h5ai/client/images/favicon/favicon-16-32.ico and b/src/_h5ai/client/images/favicon/favicon-16-32.ico differ diff --git a/src/_h5ai/client/images/filter.svg b/src/_h5ai/client/images/filter.svg index 17584b27..2f4a8608 100644 --- a/src/_h5ai/client/images/filter.svg +++ b/src/_h5ai/client/images/filter.svg @@ -1,5 +1,62 @@ - - - + + + + + + + + + + image/svg+xml + + + + + + + - \ No newline at end of file + diff --git a/src/_h5ai/client/images/folder-open.svg b/src/_h5ai/client/images/folder-open.svg deleted file mode 100644 index fbf534be..00000000 --- a/src/_h5ai/client/images/folder-open.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/_h5ai/client/images/folder-page.svg b/src/_h5ai/client/images/folder-page.svg index 4631c270..38c3c667 100644 --- a/src/_h5ai/client/images/folder-page.svg +++ b/src/_h5ai/client/images/folder-page.svg @@ -1,3 +1,62 @@ - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/folder.svg b/src/_h5ai/client/images/folder.svg index 3aa840c6..cfaf5d04 100644 --- a/src/_h5ai/client/images/folder.svg +++ b/src/_h5ai/client/images/folder.svg @@ -1,3 +1,64 @@ - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/home.svg b/src/_h5ai/client/images/home.svg deleted file mode 100644 index 28077556..00000000 --- a/src/_h5ai/client/images/home.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/_h5ai/client/images/loading.svg b/src/_h5ai/client/images/loading.svg deleted file mode 100644 index fb362b7f..00000000 --- a/src/_h5ai/client/images/loading.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/_h5ai/client/images/page.svg b/src/_h5ai/client/images/page.svg index dc2dd5ca..38c3c667 100644 --- a/src/_h5ai/client/images/page.svg +++ b/src/_h5ai/client/images/page.svg @@ -1,5 +1,62 @@ - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/preview/close.svg b/src/_h5ai/client/images/preview/close.svg index 92e3aef9..7742ac84 100644 --- a/src/_h5ai/client/images/preview/close.svg +++ b/src/_h5ai/client/images/preview/close.svg @@ -1,7 +1,58 @@ - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/preview/fullscreen.svg b/src/_h5ai/client/images/preview/fullscreen.svg index 301b4788..3d7d55ec 100644 --- a/src/_h5ai/client/images/preview/fullscreen.svg +++ b/src/_h5ai/client/images/preview/fullscreen.svg @@ -1,13 +1,58 @@ - - - - - - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/preview/next.svg b/src/_h5ai/client/images/preview/next.svg index 322f8058..ebfb271c 100644 --- a/src/_h5ai/client/images/preview/next.svg +++ b/src/_h5ai/client/images/preview/next.svg @@ -1,5 +1,58 @@ - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/preview/no-fullscreen.svg b/src/_h5ai/client/images/preview/no-fullscreen.svg index 86ed7217..e00b2dc3 100644 --- a/src/_h5ai/client/images/preview/no-fullscreen.svg +++ b/src/_h5ai/client/images/preview/no-fullscreen.svg @@ -1,12 +1,58 @@ - - - - - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/preview/prev.svg b/src/_h5ai/client/images/preview/prev.svg index 8d70e0d3..4043bf15 100644 --- a/src/_h5ai/client/images/preview/prev.svg +++ b/src/_h5ai/client/images/preview/prev.svg @@ -1,5 +1,60 @@ - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/preview/raw.svg b/src/_h5ai/client/images/preview/raw.svg index decb5f60..0e7ddb68 100644 --- a/src/_h5ai/client/images/preview/raw.svg +++ b/src/_h5ai/client/images/preview/raw.svg @@ -1,9 +1,58 @@ - - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/selected.svg b/src/_h5ai/client/images/selected.svg index 67ad38d7..033e724b 100644 --- a/src/_h5ai/client/images/selected.svg +++ b/src/_h5ai/client/images/selected.svg @@ -1,3 +1,66 @@ - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/images/settings.svg b/src/_h5ai/client/images/settings.svg index 7658d952..4db49002 100644 --- a/src/_h5ai/client/images/settings.svg +++ b/src/_h5ai/client/images/settings.svg @@ -1,5 +1,62 @@ - - - + + + + + + image/svg+xml + + + + + + + + - \ No newline at end of file + diff --git a/src/_h5ai/client/images/size.svg b/src/_h5ai/client/images/size.svg deleted file mode 100644 index 9840633e..00000000 --- a/src/_h5ai/client/images/size.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/_h5ai/client/images/spinner.svg b/src/_h5ai/client/images/spinner.svg index ebe0d921..a5f7a7b6 100644 --- a/src/_h5ai/client/images/spinner.svg +++ b/src/_h5ai/client/images/spinner.svg @@ -1,32 +1,6 @@ - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + diff --git a/src/_h5ai/client/images/tree.svg b/src/_h5ai/client/images/tree.svg index 3a7f0e1f..3cf99894 100644 --- a/src/_h5ai/client/images/tree.svg +++ b/src/_h5ai/client/images/tree.svg @@ -1,7 +1,58 @@ - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/_h5ai/client/images/view-details.svg b/src/_h5ai/client/images/view-details.svg index 85d0d458..d83d9c4a 100644 --- a/src/_h5ai/client/images/view-details.svg +++ b/src/_h5ai/client/images/view-details.svg @@ -1,5 +1,64 @@ - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/_h5ai/client/images/view-grid.svg b/src/_h5ai/client/images/view-grid.svg index d9fb7219..6fec7563 100644 --- a/src/_h5ai/client/images/view-grid.svg +++ b/src/_h5ai/client/images/view-grid.svg @@ -1,8 +1,65 @@ - - - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/images/view-icons.svg b/src/_h5ai/client/images/view-icons.svg index 56655371..04b27225 100644 --- a/src/_h5ai/client/images/view-icons.svg +++ b/src/_h5ai/client/images/view-icons.svg @@ -1,6 +1,65 @@ - - - - - - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/_h5ai/client/js/inc/ext/crumb.js b/src/_h5ai/client/js/inc/ext/crumb.js index d150d4dd..8ff97cb4 100644 --- a/src/_h5ai/client/js/inc/ext/crumb.js +++ b/src/_h5ai/client/js/inc/ext/crumb.js @@ -4,14 +4,11 @@ modulejs.define('ext/crumb', ['_', '$', 'core/settings', 'core/resource', 'core/ enabled: false }, allsettings.crumb); var template = - '
  • ' + - '' + - '>' + - '' + - '' + - '
  • '; + '' + + '>' + + '' + + ''; var pageHintTemplate = 'has index page'; - var statusHintTemplate = ''; function update(item, force) { @@ -21,25 +18,16 @@ modulejs.define('ext/crumb', ['_', '$', 'core/settings', 'core/resource', 'core/ } var $html = $(template); - var $a = $html.find('a'); $html .addClass(item.isFolder() ? 'folder' : 'file') .data('item', item); - location.setLink($a, item); - $a.find('span').text(item.label).end(); + location.setLink($html, item); + $html.find('.label').text(item.label).end(); - if (item.isDomain()) { - $html.addClass('domain'); - // $a.find('img').attr('src', resource.image('home')); - $a.find('img').remove(); - } - - if (item.isRoot()) { - $html.addClass('root'); - // $a.find('img').attr('src', resource.image('home')); - $a.find('img').remove(); + if (item.isDomain() || item.isRoot()) { + $html.find('.sep').remove(); } if (item.isCurrentFolder()) { @@ -47,7 +35,7 @@ modulejs.define('ext/crumb', ['_', '$', 'core/settings', 'core/resource', 'core/ } if (!item.isManaged) { - $a.append($(pageHintTemplate)); + $html.append($(pageHintTemplate)); } if (item.$crumb) { @@ -61,10 +49,10 @@ modulejs.define('ext/crumb', ['_', '$', 'core/settings', 'core/resource', 'core/ function onLocationChanged(item) { var crumb = item.getCrumb(); - var $ul = $('#navbar'); + var $crumbbar = $('#crumbbar'); var found = false; - $ul.find('.crumb').each(function () { + $crumbbar.find('.crumb').each(function () { var $html = $(this); if ($html.data('item') === item) { @@ -76,10 +64,10 @@ modulejs.define('ext/crumb', ['_', '$', 'core/settings', 'core/resource', 'core/ }); if (!found) { - $ul.find('.crumb').remove(); + $crumbbar.find('.crumb').remove(); _.each(crumb, function (e) { - $ul.append(update(e, true)); + $crumbbar.append(update(e, true)); }); } } diff --git a/src/_h5ai/client/js/inc/ext/preview.js b/src/_h5ai/client/js/inc/ext/preview.js index 6415ff07..f2ddd777 100644 --- a/src/_h5ai/client/js/inc/ext/preview.js +++ b/src/_h5ai/client/js/inc/ext/preview.js @@ -37,7 +37,7 @@ modulejs.define('ext/preview', ['_', '$', 'core/settings', 'core/resource', 'cor var $container = $('#pv-content'); var $spinner = $('#pv-spinner'); var margin = isFullscreen ? 0 : 20; - var barHeight = isFullscreen ? 0 : 31; + var barHeight = isFullscreen ? 0 : 48; $container.css({ width: winWidth - 2 * margin, diff --git a/src/_h5ai/client/js/inc/view/ensure.js b/src/_h5ai/client/js/inc/view/ensure.js index 051d04cc..0d21eb8d 100644 --- a/src/_h5ai/client/js/inc/view/ensure.js +++ b/src/_h5ai/client/js/inc/view/ensure.js @@ -1,14 +1,15 @@ modulejs.define('view/ensure', ['$', 'config', 'core/event'], function ($, config, event) { var templateTopbar = - '
    ' + - '' + + '
    ' + + '
    ' + + '
    ' + + ''; var templateMainRow = '
    ' + ''; diff --git a/src/_h5ai/client/js/inc/view/sidebar.js b/src/_h5ai/client/js/inc/view/sidebar.js index 44cdbfc5..3cf27012 100644 --- a/src/_h5ai/client/js/inc/view/sidebar.js +++ b/src/_h5ai/client/js/inc/view/sidebar.js @@ -2,11 +2,9 @@ modulejs.define('view/sidebar', ['$', 'core/resource', 'core/store'], function ( var storekey = 'sidebarIsVisible'; var toggleTemplate = - ''; + ''; function update(toggle) { @@ -32,8 +30,8 @@ modulejs.define('view/sidebar', ['$', 'core/resource', 'core/store'], function ( function init() { $(toggleTemplate) - .appendTo('#navbar') - .on('click', 'a', function (ev) { + .appendTo('#toolbar') + .on('click', function (ev) { update(true); ev.preventDefault(); diff --git a/src/_h5ai/conf/options.json b/src/_h5ai/conf/options.json index 05f5e788..fde5a4c3 100644 --- a/src/_h5ai/conf/options.json +++ b/src/_h5ai/conf/options.json @@ -35,7 +35,7 @@ Options "hidden": ["^\\.", "^_{{pkg.name}}"], "hideFolders": false, "hideIf403": true, - "hideParentFolder": true, + "hideParentFolder": false, "modes": ["details", "grid", "icons"], "setParentFolderLabels": true, "sizes": [20, 40, 60, 80, 100, 150, 200, 250, 300, 350, 400],