Mercurial > gemma
changeset 632:f2097d2aa048
fix: adjusted icon sizes
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 12 Sep 2018 17:25:26 +0200 |
parents | 13bccabbf7c5 |
children | 6093016fac88 |
files | client/src/application/Topbar.vue client/src/application/User.vue client/src/application/assets/application.scss |
diffstat | 3 files changed, 9 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/application/Topbar.vue Wed Sep 12 17:17:42 2018 +0200 +++ b/client/src/application/Topbar.vue Wed Sep 12 17:25:26 2018 +0200 @@ -21,7 +21,7 @@ <style lang="scss"> .splitscreen { background-color: white; - padding: 0.5rem; + padding: $small-offset; margin-right: 0.5rem; margin-left: 1rem; border-radius: 5px; @@ -29,9 +29,11 @@ .menubutton { background-color: white; - padding: 0.5rem; + padding: $small-offset; border-radius: 5px; margin-left: 1rem; + height: $icon-width; + width: $icon-height; } .searchcontainer {
--- a/client/src/application/User.vue Wed Sep 12 17:17:42 2018 +0200 +++ b/client/src/application/User.vue Wed Sep 12 17:25:26 2018 +0200 @@ -28,15 +28,15 @@ .usermanagement { background: white; margin-left: $offset; - padding: $x-small-offset; + padding: $offset; border-radius: $border-radius; margin-bottom: $offset; - height: 45px; + height: $icon-height; } .usermanagementcollapsed { transition: 0.3s; - width: 40px; + width: $icon-width; } .usermanagementexpanded {
--- a/client/src/application/assets/application.scss Wed Sep 12 17:17:42 2018 +0200 +++ b/client/src/application/assets/application.scss Wed Sep 12 17:25:26 2018 +0200 @@ -12,8 +12,8 @@ $border-radius: 5px; $sidebar-width: 15rem; $sidebar-height: 13rem; -$icon-height: 3rem; -$icon-width: 3rem; +$icon-height: 2rem; +$icon-width: 2rem; .debug { border: 1px solid red;