a11y feeds list open if JS disabled

Simounet · Jan 10, 2019 · b77ba8a · b77ba8a
1 parent af697cd
commit b77ba8a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/css/style.css b/css/style.css
diff --git a/css/style.css.map b/css/style.css.map
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="no-js">
 <head>
     <meta charset="UTF-8">
     <title>{$delimiter=' · '}{if="isset($currentFeed)"}{$currentFeed->getName()}{$delimiter}{/if}{if="isset($currentFolder)"}{$currentFolder->getName()}{$delimiter}{/if}LeedVibes</title>
@@ -104,7 +104,7 @@ <h2 class="feed-add-title">{function="_t('ADD_FEED')"}</h2>
                             <button class="mark-as-read js-mark-as-read js-folder-counter{if="$unreadEventsForFolder === 0"} hidden{/if}" title="{function="_t('MARK_AS_READ_FOLDER_ITEMS',array($unreadEventsForFolder))"}">{$unreadEventsForFolder}</button>
                             {function="Plugin::callHook("menu_post_folder_link", array(&$value))"}
                         </div>
-                        <ul class="feed js-toggle-item{if="!$value->getIsopen()"} hidden{/if}">
+                        <ul class="feed js-toggle-item{if="!$value->getIsopen()"} feed--closed{/if}">
                             {if="count($feeds)!=0"}
                                 {loop="feeds"}
                                     <li class="feed__item js-feed__item{if="isset($currentFeed) && ($value2['id'] == $currentFeed->getId())"} selected{/if}{if="$feedState->getById($value2['id'])->getLastSyncInError()==1"} error{/if}" data-id="{$value2['id']}">

diff --git a/sass/style.scss b/sass/style.scss
@@ -336,6 +336,10 @@ $feeds-list-toggle-transition: transform 0.3s;
     background-color: #4b4b4b;
 }
 
+html:not(.no-js) .feed--closed {
+    display: none;
+}
+
 %img-vertical-align {
     margin-right: 0.3em;
     vertical-align: middle;