add area to show files being edited for batch

This commit is contained in:
joshuaboud 2021-06-01 11:06:41 -03:00
parent e93eccbab1
commit 209c27abbe
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
2 changed files with 23 additions and 7 deletions

View File

@ -153,7 +153,7 @@ body::-webkit-scrollbar-thumb {
margin-bottom: 1em;
}
.spacer-stretchy {
.flex-grow {
flex-grow: 1;
}
@ -262,7 +262,6 @@ input[type="text"] {
}
.nav-info-column-filename {
flex: 1;
margin: 0 12px 0 12px;
font-weight: bolder;
font-size: 150%;
@ -318,6 +317,20 @@ input[type="text"] {
padding-left: 50%;
}
#selected-files-list-header {
margin-left: 12px;
font-weight: bold;
}
#selected-files-list {
margin-left: 12px;
}
.monospace-sm {
font-family: 'Courier New', Courier, monospace;
font-size: 80%;
}
.nav-btn-group {
display: flex;
flex-flow: row nowrap;

View File

@ -77,8 +77,8 @@
</div>
</div>
<div class="horizontal-spacer"></div>
<div class="nav-info-column min-width-0" id="nav-info-column">
<div id="nav-show-properties">
<div class="nav-info-column min-width-0 flex-col" id="nav-info-column">
<div class="flex-col flex-grow" id="nav-show-properties">
<div class="flex-row space-between">
<div class="nav-info-column-filename"></div>
<div class="nav-btn-group">
@ -89,7 +89,7 @@
</div>
<div class="nav-info-column-properties" id="nav-info-column-properties"></div>
</div>
<div class="nav-hidden" id="nav-edit-properties">
<div class="nav-hidden flex-col flex-grow" id="nav-edit-properties">
<div class="nav-info-column-filename"></div>
<div class="nav-property-pair">
<span class="nav-property-pair-key">Name</span>
@ -134,6 +134,9 @@
<input type="checkbox" class="mode-checkbox" id="other-exec"></input>
</div>
<div class="vertical-spacer"></div>
<div id="selected-files-list-header">Applying edits to:</div>
<div class="flex-grow monospace-sm" id="selected-files-list"></div>
<div class="vertical-spacer"></div>
<div class="nav-btn-group">
<button class="pf-c-button pf-m-danger" id="nav-cancel-edit-btn" title="Cancel"><i class="fas fa-times"></i></button>
<div class="horizontal-spacer"></div>
@ -146,11 +149,11 @@
<div>
<span id="nav-num-dirs">-</span> Directories, <span id="nav-num-files">-</span> Files
</div>
<div class="spacer-stretchy"></div>
<div class="flex-grow"></div>
<a href="https://45drives.com" target="_blank" title="Visit 45Drives.com">
<img src="branding/logo-light.svg" id="logo-45d"><span class="logo-45">45</span><span class="logo-drives">Drives</span>
</a>
<div class="spacer-stretchy"></div>
<div class="flex-grow"></div>
<div class="nav-toggle">
<div class="nav-btn-group">
<i class="fas fa-low-vision" id="nav-show-hidden-icon"></i>