diff options
| author | Florian Schunk <florian.schunk@rwth-aachen.de> | 2018-12-14 14:35:15 +0300 |
|---|---|---|
| committer | Florian Schunk <florian.schunk@rwth-aachen.de> | 2019-01-09 13:28:51 +0300 |
| commit | 74197462c0299a766b33289571dcbdc54b6eeabd (patch) | |
| tree | 371664aefa90177940a2875b231aff3f010baf19 | |
| parent | 8593edd66d31e5121b3f770853dcc9256c0bc42a (diff) | |
added button for new folder to interface
Signed-off-by: Florian Schunk <florian.schunk@rwth-aachen.de>
| -rw-r--r-- | core/css/styles.scss | 27 | ||||
| -rw-r--r-- | core/templates/filepicker.html | 1 |
2 files changed, 27 insertions, 1 deletions
diff --git a/core/css/styles.scss b/core/css/styles.scss index d739bab1013..e51352b4b64 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -701,7 +701,6 @@ code { position: relative; .dirtree { - width: 100%; flex-wrap: wrap; padding-left: 12px; padding-right: 44px; @@ -746,6 +745,32 @@ code { #picker-showgridview:focus + #picker-view-toggle { opacity: 1; } + + .actions.creatable { + flex-wrap: wrap; + padding: 0px; + box-sizing: border-box; + display: inline-flex; + float: none; + max-height: 44px; + background-color: var(--color-background-dark); + border: 1px solid var(--color-border-dark); + border-radius: var(--border-radius-pill); + position: static; + + .icon.icon-add{ + background-image: var(--icon-add-000); + background-size: 16px 16px; + max-height:44px; + + } + + a { + width: 44px; + padding: 0px; + position: static; + } + } .filelist-container { box-sizing: border-box; diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html index 2f61d32f3f4..bcd901d8a9f 100644 --- a/core/templates/filepicker.html +++ b/core/templates/filepicker.html @@ -1,5 +1,6 @@ <div id="{dialog_name}" title="{title}"> <span class="dirtree breadcrumb"></span> + <span class="actions creatable"><a href="#" class="icon icon-add button"></a></span> <input type="checkbox" class="hidden-visually" id="picker-showgridview" checked="checked" /> <label id="picker-view-toggle" for="picker-showgridview" class="button icon-toggle-filelist"></label> <div class="filelist-container"> |