Adjust slides experience

quintel · Jun 6, 2023 · 71a0418 · 71a0418
1 parent cd51ff5
commit 71a0418
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/app/assets/javascripts/lib/views/accordion.coffee b/app/assets/javascripts/lib/views/accordion.coffee
@@ -13,13 +13,13 @@ class @Accordion
       # close all slides
       ul = header.parents("ul.accordion")
       ul.find("li.accordion_element h3").removeClass('selected')
-      ul.find("li.accordion_element .slide").slideUp('fast')
+      ul.find("li.accordion_element .slide").slideUp(300, 'linear')
       App.input_elements.close_all_info_boxes() if App.input_elements
 
       # open the right one
       current = header.parents("li.accordion_element")
       current.find('h3').addClass('selected')
-      current.find(".slide").slideToggle('fast')
+      current.find(".slide").slideToggle(300, 'linear')
 
       # update the fragment url
       url = header.find('a').attr('href')

diff --git a/app/assets/stylesheets/_accordion.sass b/app/assets/stylesheets/_accordion.sass
@@ -71,7 +71,7 @@
         float: left
         padding: 0 20px 0 0
       h3
-        background: #dfe8f3
+        background: #DBEDFE
         cursor: pointer
         font-weight: normal
         height: 30px
@@ -82,6 +82,7 @@
         text-overflow: ellipsis
         white-space: nowrap
         display: flex
+        border-radius: 2px
         &:after
           margin-left: auto
           font: normal normal normal 14px/1 FontAwesome

diff --git a/app/assets/stylesheets/_chart.sass b/app/assets/stylesheets/_chart.sass
@@ -1,4 +1,4 @@
-$chart-header-background-color: #dfe8f3
+$chart-header-background-color: #DBEDFE
 $chart-header-title-color: #374d5c
 $chart-header-icon-color: #8895b2
 
@@ -13,6 +13,7 @@ $chart-header-icon-color: #8895b2
     background: $chart-header-background-color
     display: flex
     height: 30px
+    border-radius: 2px
     h3
       color: $chart-header-title-color
       flex: 1