From 68707db72d0ccf3c2efc37ea191f2ede4ea1798a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Mon, 14 Sep 2020 15:49:23 +0100
Subject: [PATCH] Switch access add button on small screens
---
customize.dist/src/less2/include/alertify.less | 3 +++
.../src/less2/include/modals-ui-elements.less | 17 +++++++++++++++++
www/common/inner/access.js | 4 ++--
3 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index aaf8db992..ded0ae043 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -449,6 +449,9 @@
margin: 0;
min-width: 0;
font-size: 18px !important;
+ @media screen and (max-width: (@browser_media-medium-screen)) {
+ width: 100%;
+ }
}
}
}
diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less
index 37c3b8545..8c55ab86c 100644
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -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);
diff --git a/www/common/inner/access.js b/www/common/inner/access.js
index 2e1f4b4a8..530376854 100644
--- a/www/common/inner/access.js
+++ b/www/common/inner/access.js
@@ -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', [