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
color: var(--color-fontsec)
.file-input__list-wrapper
overflow: auto
max-height: 75vh
max-width: 30vw
.file-input__list
margin-left: 40px
margin-top: 10px
font-weight: 600
max-width: 25vw
tr:last-child td
padding-bottom: 0
@ -237,6 +241,7 @@ option
.file-input__list-item
font-family: var(--font-monospace)
font-size: 15px
word-break: break-all
// 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}>
$if not (null fileInfos)
<table .file-input__list .table .table--narrow .table--striped .table--hover .table--condensed>
<colgroup>
<col .checkbox-only>
<col .tooltip-only>
<col>
<thead>
<tr>
<th .table__th>
<th .table__th colspan=2>
_{MsgPreviouslyUploadedInfo}
$forall FileUploadInfo{..} <- fileInfos
<tbody>
<div .file-input__list-wrapper>
<table .file-input__list .table .table--striped .table--hover .table--condensed>
<colgroup>
<col .checkbox-only>
<col .tooltip-only>
<col>
<thead>
<tr>
<td .table__td>
<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}
<th .table__th>
<th .table__th colspan=2>
_{MsgPreviouslyUploadedInfo}
<tbody>
$forall FileUploadInfo{..} <- fileInfos
<tr>
<td .table__td>
<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>
_{MsgPreviouslyUploadedDeletionInfo}