diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2022-09-08 14:28:54 +0200 |
|---|---|---|
| committer | Carl Schwan <carl@carlschwan.eu> | 2022-09-08 18:07:09 +0200 |
| commit | 9e045447f7a0a4de9ed2b70b09d027eda2036693 (patch) | |
| tree | 5a6c6209f428798d0503b5532ce6c9776b395c63 /core/src/components/HeaderMenu.vue | |
| parent | 58706dd5aa12ac5bbd0364e34fe07834a985bb99 (diff) | |
| download | nextcloud-server-9e045447f7a0a4de9ed2b70b09d027eda2036693.tar.gz nextcloud-server-9e045447f7a0a4de9ed2b70b09d027eda2036693.zip | |
Fix UnifiedSearch
- Fix too big margins
- Fix horizontal scrolbar (caused by margin in text field)
- Add some spacing between the items (4px)
- Center items (I love flex)
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'core/src/components/HeaderMenu.vue')
| -rw-r--r-- | core/src/components/HeaderMenu.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue index 9a78b769dc3..172ea7268d8 100644 --- a/core/src/components/HeaderMenu.vue +++ b/core/src/components/HeaderMenu.vue @@ -161,6 +161,8 @@ export default { </script> <style lang="scss" scoped> +$externalMargin: 8px; + .header-menu { &__trigger { display: flex; @@ -191,11 +193,11 @@ export default { top: 50px; right: 0; box-sizing: border-box; - margin: 0; + margin: 0 $externalMargin; border-radius: 0 0 var(--border-radius) var(--border-radius); background-color: var(--color-main-background); filter: drop-shadow(0 1px 5px var(--color-box-shadow)); - padding: 20px; + padding: 8px; border-radius: var(--border-radius-large); } @@ -215,7 +217,7 @@ export default { &__content { overflow: auto; width: 350px; - max-width: 100vw; + max-width: calc(100vw - 2 * $externalMargin); min-height: calc(44px * 1.5); max-height: calc(100vh - 50px * 2); } |