aboutsummaryrefslogtreecommitdiffstats
path: root/core/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-01-29 08:43:08 +0100
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-01-29 08:43:08 +0100
commitecede42969b63349c3b5dbc413ceb7b9c56a41e5 (patch)
treec7f4f9687e24bbb59ab9df8073efe0963d355908 /core/css
parentbb9e282e9581fc65ad4be39cd01bc578c3b0d95e (diff)
downloadnextcloud-server-ecede42969b63349c3b5dbc413ceb7b9c56a41e5.tar.gz
nextcloud-server-ecede42969b63349c3b5dbc413ceb7b9c56a41e5.zip
Popovermenu size fix
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css')
-rw-r--r--core/css/apps.scss17
1 files changed, 9 insertions, 8 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss
index 06d13e384fe..05a92139495 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -841,8 +841,9 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width;
}
/* POPOVER MENU ------------------------------------------------------------ */
-$popoveritem-height: 38px;
+$popoveritem-height: 44px;
$popovericon-size: 16px;
+$outter-margin: ($popoveritem-height - $popovericon-size) / 2;
.ie,
.edge {
@@ -861,7 +862,6 @@ $popovericon-size: 16px;
background-color: var(--color-main-background);
color: var(--color-main-text);
border-radius: var(--border-radius);
- border: 1px solid transparent;
z-index: 110;
margin: 5px;
margin-top: -5px;
@@ -1000,7 +1000,7 @@ $popovericon-size: 16px;
}
/* Add padding if contains icon+text */
&:not(:empty) {
- padding-right: 10px !important;
+ padding-right: $outter-margin !important;
}
/* DEPRECATED! old img in popover fallback
* TODO: to remove */
@@ -1039,28 +1039,29 @@ $popovericon-size: 16px;
}
/* Inputs inside popover supports text, submit & reset */
input {
- min-width: #{$popoveritem-height - 4px}; /* twice the margin */
- max-height: #{$popoveritem-height - 4px}; /* twice the margin */
+ min-width: $popoveritem-height;
+ max-height: #{$popoveritem-height - 4px}; /* twice the element margin-y */
margin: 2px 0;
flex: 1 1 auto;
+ // space between inline inputs
&:not(:first-child) {
margin-left: 5px;
}
}
}
- /* css hack, only first not hidden*/
+ /* css hack, only first not hidden */
&:not(.hidden):not([style*='display:none']) {
&:first-of-type {
> button, > a, > .menuitem {
> form, > input {
- margin-top: 10px;
+ margin-top: $outter-margin - 2px; // minus the input margin
}
}
}
&:last-of-type {
> button, > a, > .menuitem {
> form, > input {
- margin-bottom: 10px;
+ margin-bottom: $outter-margin - 2px; // minus the input margin
}
}
}