diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-01-29 08:43:08 +0100 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-01-29 08:43:08 +0100 |
commit | ecede42969b63349c3b5dbc413ceb7b9c56a41e5 (patch) | |
tree | c7f4f9687e24bbb59ab9df8073efe0963d355908 /core/css | |
parent | bb9e282e9581fc65ad4be39cd01bc578c3b0d95e (diff) | |
download | nextcloud-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.scss | 17 |
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 } } } |