STEINNI
61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
<style>
|
|
.path-browser section{
|
|
height: 35vh !important;
|
|
width: 400px;
|
|
}
|
|
.path-browser .ffsDialog-folders-list .cell i.ffs.icon-folder{
|
|
color: var(--eicui-base-color-warning);
|
|
margin-right: .5em;
|
|
}
|
|
.path-browser .ffsDialog-folders-list footer{ display:none; }
|
|
.path-browser div.current-path{ height: calc(var(--eicui-base-font-size-2xs)*2); }
|
|
|
|
.ffsDialog-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.ffsDialog-folders-manager .ffsDialog-folder-controls {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.ffsDialog-folder-controls input {
|
|
flex: 1;
|
|
}
|
|
.ffsConfirmBox {
|
|
display: flex;
|
|
gap: 0.5em;
|
|
align-items: center;
|
|
font-size: 0.85em;
|
|
color: var(--eicui-base-color-danger);
|
|
}
|
|
|
|
</style>
|
|
|
|
<article eiccard class="path-browser">
|
|
<header>
|
|
<label>Current path:</label>
|
|
<div class="current-path"></div>
|
|
</header>
|
|
|
|
<section class="ffsDialog-folders-browser">
|
|
<div class="ffsDialog-folders-list"></div>
|
|
</section>
|
|
|
|
<section class="ffsDialog-folders-manager ffsDialog-hidden">
|
|
<div class="ffsDialog-folder-controls">
|
|
<input type="text" class="ffsDialog-folder-name eicui-input" placeholder="New folder name" />
|
|
<button eicbutton xsmall rounded primary class="create-folder">Create</button>
|
|
</div>
|
|
<ul class="ffsDialog-folder-list" style="list-style:none;padding:0;"></ul>
|
|
</section>
|
|
|
|
<footer style="margin-top:1em;">
|
|
<button eicbutton xsmall rounded primary class="ffsDialog-btn-manage">Manage Folders</button>
|
|
<button eicbutton xsmall rounded primary btn-back class="ffsDialog-btn-back ffsDialog-hidden" icon="icon-back"><i class="icon-back">Back</i></button>
|
|
</footer>
|
|
</article>
|
|
|