Mercurial > gemma

changeset 632:f2097d2aa048

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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;