conditional classnames in footer

eea · May 17, 2021 · 820f420 · 820f420
1 parent 8a563c6
commit 820f420
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/customizations/volto/components/theme/Footer/Footer.jsx b/src/customizations/volto/components/theme/Footer/Footer.jsx
@@ -7,6 +7,7 @@ import React from 'react';
 import { Segment, Grid } from 'semantic-ui-react';
 import { Link } from 'react-router-dom';
 import { FormattedMessage, injectIntl } from 'react-intl';
+import cx from 'classnames';
 import eeaLogo from '@eeacms/volto-energy-theme/components/theme/Footer/ec.svg.png';
 import ecLogo from '@eeacms/volto-energy-theme/components/theme/Footer/eea.png';
 import { connect } from 'react-redux';
@@ -57,7 +58,11 @@ const Footer = (props) => (
               their 2030 targets on climate and energy.
             </p>
             <div>
-              <ul className="unlist">
+              <ul
+                className={cx('unlist', {
+                  ulist: props.token,
+                })}
+              >
                 {!props.token && (
                   <li className="tools">
                     <Anontools />

diff --git a/theme/themes/energyunion/globals/reset.overrides b/theme/themes/energyunion/globals/reset.overrides
@@ -463,3 +463,7 @@ template {
     margin-right: 1rem;
   }
 }
+
+.ulist{
+right: 0px !important;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -463,3 +463,7 @@ template { @@
         margin-right: 1rem;
       }
     }
+    .ulist{
+    right: 0px !important;
+    }