Timeline and responsiveness updates

eea · Jan 27, 2022 · 1ed1524 · 1ed1524
1 parent 96796ff
commit 1ed1524
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/src/customizations/components/theme/Timeline/Timeline.stories.js b/src/customizations/components/theme/Timeline/Timeline.stories.js
@@ -25,7 +25,7 @@ const Template = (args) => (
 
 export const Default = Template.bind({});
 Default.args = {
-  direction: 'right',
+  direction: 'left',
   icon: 'user',
   time: 'Date and time',
   title: 'Title',
@@ -118,7 +118,7 @@ Default.argTypes = {
 
 export const Multiple = (args) => (
   <div className="eea-timeline">
-    <TimelineEEA {...args}></TimelineEEA>;
+    <TimelineEEA {...args}></TimelineEEA>
   </div>
 );
 
@@ -135,7 +135,7 @@ Multiple.args = {
       lineHeight: 2,
     },
     {
-      direction: 'right',
+      direction: 'left',
       icon: 'check circle',
       time: 'Date and time',
       title: 'Title 2',

diff --git a/theme/themes/eea/modules/dropdown.overrides b/theme/themes/eea/modules/dropdown.overrides
@@ -10,7 +10,7 @@
 }
 
 .ui.dropdown {
-  height: auto !important;
+  height: 48px !important;
   border: @border !important;
   border-radius: @borderRadius !important;
   font-family: @pageFont !important;

diff --git a/theme/themes/eea/views/statistic.overrides b/theme/themes/eea/views/statistic.overrides
@@ -2,6 +2,10 @@
          Theme Overrides
 *******************************/
 
+div.ui.small.statistics {
+  margin: 0rem;
+}
+
 div.ui.statistic.eea-statistic {
   width: 100%;
   > .value {
@@ -24,6 +28,11 @@ div.ui.statistics.eea-statistic .statistic > .value ~ .label {
   margin-top: @topLabelDistance;
 }
 
+.ui[class*="right floated"].statistic.eea-statistic {
+    float: right;
+    margin: 1rem;
+}
+
 @media only screen and (min-width: @mobileBreakpoint + 1) and (max-width: @tabletBreakpoint) {
   div.ui.statistic.eea-statistic {
     width: inherit;