css list items are black and adjusted size, close sidebar on login

eea · Jan 25, 2021 · c061778 · c061778
1 parent d5f8c85
commit c061778
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/customizations/components/theme/Anontools/Anontools.jsx b/src/customizations/components/theme/Anontools/Anontools.jsx
@@ -26,6 +26,7 @@ class Anontools extends Component {
     content: PropTypes.shape({
       '@id': PropTypes.string,
     }),
+    handleClick: PropTypes.func,
   };
 
   /**
@@ -51,6 +52,7 @@ class Anontools extends Component {
         <Menu pointing secondary floated="right">
           <Menu.Item className="sign-in">
             <Link
+              onClick={this.props.handleClick}
               aria-label="login"
               to={`/login${
                 this.props.content

diff --git a/src/customizations/components/theme/Navigation/Navigation.jsx b/src/customizations/components/theme/Navigation/Navigation.jsx
@@ -264,7 +264,6 @@ class Navigation extends Component {
                   onClick={this.handleClick}
                   className="languages-title-list"
                 >
-                  <Icon name="dropdown" />
                   EEA homepage in your language
                 </Accordion.Title>
                 <Accordion.Content active={activeIndex === 0}>
@@ -290,7 +289,7 @@ class Navigation extends Component {
             <div className="tools-search-wrapper">
               {!this.props.token && (
                 <div className="tools">
-                  <Anontools />
+                  <Anontools handleClick={this.closeMobileMenu} />
                 </div>
               )}
               <div className="search">

diff --git a/theme/site/elements/input.overrides b/theme/site/elements/input.overrides
@@ -86,6 +86,11 @@
   padding-left: 0.5em !important;
 }
 
+.ui.list > .item a.suggested-item {
+	font-size: 16px;
+	color: black;
+}
+
 .languages-list {
 	ul&.ui.list li:before, 
 	&.ui.bulleted.list .list > .item:before,
@@ -98,6 +103,10 @@
 		cursor: pointer;
 		line-height: normal;
 		font-size: .7rem;
+
+		@media only screen and (max-width: @mobileWidth) {
+			font-size: .9rem;
+		}
 	}
 
 	@media only screen and (max-width: @mobileWidth) {