fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(file-input): improve file-input__list

Browse Source
This commit is contained in:
Gregor Kleen 2020-11-14 12:29:07 +01:00
parent eb3495acff
commit 34cd393e61
2 changed files with 27 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/utils/inputs/inputs.sass
View File

@ -225,11 +225,15 @@ option
margin: 10px 0 margin: 10px 0
color: var(--color-fontsec) color: var(--color-fontsec)
.file-input__list-wrapper
overflow: auto
max-height: 75vh
max-width: 30vw
.file-input__list .file-input__list
margin-left: 40px margin-left: 40px
margin-top: 10px margin-top: 10px
font-weight: 600 font-weight: 600
max-width: 25vw
tr:last-child td tr:last-child td
padding-bottom: 0 padding-bottom: 0
@ -237,6 +241,7 @@ option
.file-input__list-item .file-input__list-item
font-family: var(--font-monospace) font-family: var(--font-monospace)
font-size: 15px font-size: 15px
word-break: break-all
// PREVIOUSLY UPLOADED FILES // PREVIOUSLY UPLOADED FILES

41
templates/widgets/genericFileField.hamlet
View File

@ -4,27 +4,28 @@ $maybe ident <- identSecret
<input type=hidden name=#{fieldName} id=#{fieldId}--ident value=#{ident}> <input type=hidden name=#{fieldName} id=#{fieldId}--ident value=#{ident}>
$if not (null fileInfos) $if not (null fileInfos)
<table .file-input__list .table .table--narrow .table--striped .table--hover .table--condensed> <div .file-input__list-wrapper>
<colgroup> <table .file-input__list .table .table--striped .table--hover .table--condensed>
<col .checkbox-only> <colgroup>
<col .tooltip-only> <col .checkbox-only>
<col> <col .tooltip-only>
<thead> <col>
<tr> <thead>
<th .table__th>
<th .table__th colspan=2>
_{MsgPreviouslyUploadedInfo}
$forall FileUploadInfo{..} <- fileInfos
<tbody>
<tr> <tr>
<td .table__td> <th .table__th>
<input type=checkbox id=#{fuiHtmlId} name=#{fieldName} :fuiChecked:checked value=#{review _FileTitle fuiTitle} :fuiForced:readonly> <th .table__th colspan=2>
<td .table__td .tooltip-only> _{MsgPreviouslyUploadedInfo}
$if fuiSession <tbody>
^{messageTooltip uploadOnlySessionMessage} $forall FileUploadInfo{..} <- fileInfos
<td .table__td> <tr>
<label for=#{fuiHtmlId} .file-input__list-item> <td .table__td>
#{fuiTitle} <input type=checkbox id=#{fuiHtmlId} name=#{fieldName} :fuiChecked:checked value=#{review _FileTitle fuiTitle} :fuiForced:readonly>
<td .table__td .tooltip-only>
$if fuiSession
^{messageTooltip uploadOnlySessionMessage}
<td .table__td>
<label for=#{fuiHtmlId} .file-input__list-item>
#{fuiTitle}
<div .file-input__info> <div .file-input__info>
_{MsgPreviouslyUploadedDeletionInfo} _{MsgPreviouslyUploadedDeletionInfo}