Skip to content
Snippets Groups Projects
Commit c079666a authored by Tögl, Christina's avatar Tögl, Christina
Browse files

Merge branch 'master' of gitlab.tugraz.at:dbp/web-components/toolkit

parents cb89d29c b260ff23
No related branches found
No related tags found
No related merge requests found
Pipeline #17114 passed with warnings
Stage: test
Stage: deploy
Expand all Hide whitespace changes
Inline Side-by-side
packages/file-handling/src/dbp-nextcloud-file-picker.js
+ 79
− 35
View file @ c079666a
...@@ -1188,6 +1188,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { ...@@ -1188,6 +1188,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
.add-folder{ .add-folder{
white-space: nowrap; white-space: nowrap;
align-self: end; align-self: end;
height: 33px;
} }
#select-all-wrapper{ #select-all-wrapper{
...@@ -1273,7 +1274,8 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { ...@@ -1273,7 +1274,8 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
display: inline-block; display: inline-block;
height: 33px; height: 33px;
vertical-align: middle; vertical-align: middle;
line-height: 31px; line-height: 33px;
} }
input:disabled+label{ input:disabled+label{
...@@ -1300,10 +1302,10 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { ...@@ -1300,10 +1302,10 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
.inline-block{ .inline-block{
position: absolute; position: absolute;
right: 0px; right: 52px;
z-index: 1; z-index: 1;
background-color: white; background-color: white;
bottom: -40px; bottom: 0px;
} }
.addRowAnimation{ .addRowAnimation{
...@@ -1342,12 +1344,52 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { ...@@ -1342,12 +1344,52 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
.nextcloud-picker-icon-disabled{ .nextcloud-picker-icon-disabled{
opacity: 0.4; opacity: 0.4;
} }
.button.button, .button, button.dt-button{
background-color: white;
}
#new-folder{
padding-right: 50px;
}
#select-all-wrapper{
text-align: center;
}
.nextcloud-nav a{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100px;
}
@media only screen @media only screen
and (orientation: portrait) and (orientation: portrait)
and (max-device-width: 765px) { and (max-device-width: 765px) {
.add-folder button{
float: right;
}
.add-folder{
position: absolute;
bottom: 5px;
right: 0px;
}
.nextcloud-nav{
display: block;
}
.add-folder{
position: inherit;
}
.inline-block{ .inline-block{
width: 100%; width: inherit;
} }
.add-folder-button{ .add-folder-button{
...@@ -1482,37 +1524,39 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { ...@@ -1482,37 +1524,39 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
</div> </div>
<div class="nextcloud-content ${classMap({hidden: !this.isPickerActive})}"> <div class="nextcloud-content ${classMap({hidden: !this.isPickerActive})}">
<div class="nextcloud-nav"> <div class="nextcloud-nav">
<p>${this.getBreadcrumb()}</p> <p>${this.getBreadcrumb()}</p>
<div class="add-folder ${classMap({hidden: !this.directoriesOnly})}"> <div class="add-folder ${classMap({hidden: !this.directoriesOnly})}">
<div class="inline-block"> <div class="inline-block">
<div id="new-folder-wrapper" class="hidden"> <div id="new-folder-wrapper" class="hidden">
<input type="text" placeholder="${i18n.t('nextcloud-file-picker.new-folder-placeholder')}" name="new-folder" class="input" id="new-folder" /> <input type="text" placeholder="${i18n.t('nextcloud-file-picker.new-folder-placeholder')}" name="new-folder" class="input" id="new-folder" />
<button class="button add-folder-button" <button class="button add-folder-button"
title="${i18n.t('nextcloud-file-picker.add-folder')}" title="${i18n.t('nextcloud-file-picker.add-folder')}"
@click="${() => { this.addFolder(); }}"> @click="${() => { this.addFolder(); }}">
<dbp-icon name="checkmark-circle" class="nextcloud-add-folder"></dbp-icon> <dbp-icon name="checkmark-circle" class="nextcloud-add-folder"></dbp-icon>
</button> </button>
</div>
</div> </div>
<button class="button"
title="${i18n.t('nextcloud-file-picker.add-folder-open')}"
@click="${() => { this.openAddFolderDialogue(); }}">
<dbp-icon name="plus" class="nextcloud-add-folder" id="add-folder-button"></dbp-icon>
</button>
</div> </div>
<button class="button" <div id="select-all-wrapper" class="${classMap({hidden: this.directoriesOnly})}">
title="${i18n.t('nextcloud-file-picker.add-folder-open')}" <button class="button ${classMap({hidden: !this.selectAllButton})}"
@click="${() => { this.openAddFolderDialogue(); }}"> title="${i18n.t('nextcloud-file-picker.select-all-title')}"
<dbp-icon name="plus" class="nextcloud-add-folder" id="add-folder-button"></dbp-icon> @click="${() => { this.selectAll(); }}">
</button> ${i18n.t('nextcloud-file-picker.select-all')}
</div> </button>
<div id="select-all-wrapper" class="${classMap({hidden: this.directoriesOnly})}"> <button class="button ${classMap({hidden: this.selectAllButton})}"
<button class="button ${classMap({hidden: !this.selectAllButton})}" title="${i18n.t('nextcloud-file-picker.select-nothing-title')}"
title="${i18n.t('nextcloud-file-picker.select-all-title')}" @click="${() => { this.deselectAll(); }}">
@click="${() => { this.selectAll(); }}"> ${i18n.t('nextcloud-file-picker.select-nothing')}
${i18n.t('nextcloud-file-picker.select-all')} </button>
</button>
<button class="button ${classMap({hidden: this.selectAllButton})}" </div>
title="${i18n.t('nextcloud-file-picker.select-nothing-title')}"
@click="${() => { this.deselectAll(); }}">
${i18n.t('nextcloud-file-picker.select-nothing')}
</button>
</div>
</div> </div>
<table id="directory-content-table" class="force-no-select"></table> <table id="directory-content-table" class="force-no-select"></table>
</div> </div>
......
toolkit-showcase/yarn.lock
+ 173
− 124
View file @ c079666a
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment