Switch access add button on small screens

This commit is contained in:
David Benqué 2020-09-14 15:49:23 +01:00
parent 1febfa3f76
commit 68707db72d
3 changed files with 22 additions and 2 deletions

View File

@ -449,6 +449,9 @@
margin: 0;
min-width: 0;
font-size: 18px !important;
@media screen and (max-width: (@browser_media-medium-screen)) {
width: 100%;
}
}
}
}

View File

@ -87,6 +87,23 @@
// Access modal
.cp-overlay-container {
position: relative;
button.btn-primary {
i {
margin-right: 0px !important;
}
i.fa-arrow-left {
display: inline;
@media (max-width: @browser_media-medium-screen) {
display:none;
}
}
i.fa-arrow-up {
display: none;
@media (max-width: @browser_media-medium-screen) {
display: inline;
}
}
}
.cp-overlay {
position: absolute;
background-color: rgba(255,255,255,0.5);

View File

@ -33,7 +33,7 @@ define([
opts = opts || {};
var redrawAll = function () {};
var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
var addBtn = h('button.btn.btn-primary', [h('i.fa.fa-arrow-left'), h('i.fa.fa-arrow-up')]);
var div1 = h('div.cp-share-column.cp-ownership');
var divMid = h('div.cp-share-column-mid', addBtn);
@ -388,7 +388,7 @@ define([
var redrawAll = function () {};
var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
var addBtn = h('button.btn.btn-primary', [h('i.fa.fa-arrow-left'), h('i.fa.fa-arrow-up')]);
var div1 = h('div.cp-share-column.cp-allowlist');
var divMid = h('div.cp-share-column-mid.cp-overlay-container', [