Don't select settings sections list item when it's not initially visible

skins/elastic/styles/widgets/common.less

@@ -73,6 +73,21 @@ font.bold {
     }
 }
 
+.image-attachment {
+    /* TODO */
+
+    .image-link {
+    }
+
+    .image-filename {
+    }
+
+    .image-filesize {
+    }
+
+    .attachment-links {
+    }
+}
 
 #folder-selector {
     overflow-y: auto;

skins/elastic/styles/widgets/lists.less

@@ -172,6 +172,16 @@ html.touch {
     }
 }
 
+@media screen and (max-width: @screen-width-large) {
+    .listing.selection-large-only {
+        li.selected {
+            color: @color-list;
+            background-color: transparent;
+        }
+    }
+}
+
+
 /* icons */
 
 .listing.iconized li {

skins/elastic/templates/includes/settings-menu.html

@@ -3,10 +3,10 @@
 		<a class="button icon menu-button" href="#menu"><span class="inner"><roundcube:label name="menu" /></span></a>
 		<span id="aria-label-settingstabs" class="header-title"><roundcube:label name="settings" /></span>
 	</div>
-	<div id="settings-menu" class="scroller">
+	<div class="scroller">
-		<ul class="listing iconized">
+		<ul id="settings-menu" class="listing iconized<roundcube:exp expression="!request:_action ? ' selection-large-only' : ''"/>">
 			<roundcube:object name="settingstabs" class="listitem" tagname="li" />
+			<roundcube:container name="tabs" id="settings-menu" />
 		</ul>
-		<roundcube:container name="tabs" id="settings-menu" />
 	</div>
 </div>