diff options
| author | Christoph Wurst <ChristophWurst@users.noreply.github.com> | 2018-08-10 09:38:27 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-08-10 09:38:27 +0200 |
| commit | 3254b85c123d84276dca3c66883343d7af45a851 (patch) | |
| tree | f9adf6a490b9fcec2d419b707109f16b61f07fb2 /core | |
| parent | 103a2c30fb29b0d0f026d56eaa58d50cb68323ed (diff) | |
| parent | 4ba40385a460cba20784196b1960e4a14aa48b22 (diff) | |
| download | nextcloud-server-3254b85c123d84276dca3c66883343d7af45a851.tar.gz nextcloud-server-3254b85c123d84276dca3c66883343d7af45a851.zip | |
Merge pull request #10546 from nextcloud/popover-tokens
Popovermenu fix and token settings design fixes
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/apps.scss | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 029301c326f..d17cf9140c8 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -829,6 +829,7 @@ $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; @@ -838,9 +839,11 @@ $popovericon-size: 16px; &:after { bottom: 100%; - /* Min-width of popover is 36px and arrow width is 20px - wich leaves us 8px right and 8px left */ - right: 8px; + // Required right-distance is half menu icon size + right padding + // = 16px/2 + 14px = 22px + // popover right margin is 5px, arrow width is 9px to center and border is 1px + // 22px - 9px - 5px - 1px = 7px + right: 7px; /* change this to adjust the arrow position */ border: solid transparent; content: ' '; @@ -849,7 +852,7 @@ $popovericon-size: 16px; position: absolute; pointer-events: none; border-bottom-color: var(--color-main-background); - border-width: 10px; + border-width: 9px; } /* Center the popover */ &.menu-center { |