rearrange UI header buttons; added Refresh button

psolom · Aug 7, 2017 · f49243a · f49243a
1 parent 9024df0
commit f49243a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -46,12 +46,18 @@
 			</div>
 			<div class="buttons-panel">
 				<div class="button-group navigate-controls">
-					<button class="btn-level-up no-label" type="button" data-bind="click: headerModel.goParent, attr: {title: localizeGUI() ? lg().go_level_up : null}">
+					<button class="btn-nav-level-up no-label" type="button" data-bind="click: headerModel.goParent, attr: {title: localizeGUI() ? lg().go_level_up : null}">
 						<span>&nbsp;</span>
 					</button>
-					<button class="btn-home-folder no-label" type="button" data-bind="click: headerModel.goHome, attr: {title: localizeGUI() ? lg().go_home : null}">
+					<button class="btn-nav-home no-label" type="button" data-bind="click: headerModel.goHome, attr: {title: localizeGUI() ? lg().go_home : null}">
 						<span>&nbsp;</span>
 					</button>
+					<button class="btn-nav-refresh no-label" type="button" data-bind="click: headerModel.refreshFolder, attr: {title: localizeGUI() ? lg().go_refresh : null}">
+						<span>&nbsp;</span>
+					</button>
+				</div>
+				<div class="button-group">
+					<button class="separator" type="button">&nbsp;</button>
 				</div>
 				<div class="button-group viewmode-controls">
 					<button class="btn-grid-mode no-label" type="button" data-bind="click: headerModel.displayGrid, attr: {title: localizeGUI() ? lg().grid_view : null}, css: {active: viewMode() === 'grid'}">
@@ -77,7 +83,7 @@
 					<button class="separator" type="button">&nbsp;</button>
 				</div>
 				<!-- ko if: clipboardModel.enabled() -->
-				<div class="button-group clipboards-controls">
+				<div class="button-group clipboard-controls">
 					<button class="btn-clipboard-copy no-label" type="button" data-bind="click: clipboardModel.copy, visible: clipboardModel.hasCapability('copy'), attr: {title: localizeGUI() ? lg().clipboard_copy : null}"><span>&nbsp;</span></button>
 					<button class="btn-clipboard-cut no-label" type="button" data-bind="click: clipboardModel.cut, visible: clipboardModel.hasCapability('cut'), attr: {title: localizeGUI() ? lg().clipboard_cut : null}"><span>&nbsp;</span></button>
 					<button class="btn-clipboard-paste no-label" type="button" data-bind="click: clipboardModel.paste, visible: clipboardModel.hasCapability('paste'), attr: {title: localizeGUI() ? lg().clipboard_paste_full : null}"><span>&nbsp;</span></button>

diff --git a/styles/filemanager.css b/styles/filemanager.css
@@ -85,7 +85,7 @@ html[data-useragent*='MSIE 11.0'] .fm-container #newfile {
 .fm-container .fm-header .breadcrumbs .nav-item.root {
     width: 20px;
     height: 20px;
-    background-image: url(../images/house.png);
+    background-image: url(../images/nav/grey/home.png);
     background-size: 20px;
 }
 
@@ -158,11 +158,14 @@ html[data-useragent*='MSIE 11.0'] .fm-container #newfile {
     border-style: inset;
 }
 
-.fm-container .fm-header .btn-home-folder span {
-    background-image: url(../images/house.png);
+.fm-container .fm-header .btn-nav-home span {
+    background-image: url(../images/nav/grey/home.png);
 }
-.fm-container .fm-header .btn-level-up span {
-    background-image: url(../images/level-up.png);
+.fm-container .fm-header .btn-nav-level-up span {
+    background-image: url(../images/nav/grey/level-up.png);
+}
+.fm-container .fm-header .btn-nav-refresh span {
+    background-image: url(../images/nav/grey/refresh.png);
 }
 .fm-container .fm-header .btn-grid-mode span {
     background-image: url(../images/application_view_icons.png);