Make view options button less prominent

owncloud · Jul 5, 2021 · f8464da · f8464da
1 parent f351bfd
commit f8464da
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/changelog/unreleased/enhancement-add-view-options b/changelog/unreleased/enhancement-add-view-options
@@ -4,4 +4,5 @@ We've added view options above the files lists so that the user can customise th
 Currently, it is possible to toggle visibility of hidden files.
 Changes in view options are persisted in local storage.
 
-https://github.com/owncloud/web/pull/5408
+https://github.com/owncloud/web/pull/5408
+https://github.com/owncloud/web/pull/5450
diff --git a/packages/web-app-files/src/components/AppBar/AppBar.vue b/packages/web-app-files/src/components/AppBar/AppBar.vue
@@ -105,13 +105,19 @@
           data-test-id="files-view-options-btn"
           :aria-label="viewButtonAriaLabel"
           variation="passive"
-          appearance="outline"
+          appearance="raw"
           size="small"
+          gap-size="xsmall"
         >
           <oc-icon name="tune" size="small" />
           <translate>View</translate>
         </oc-button>
-        <oc-drop drop-id="files-view-options-drop" toggle="#files-view-options-btn" mode="click">
+        <oc-drop
+          drop-id="files-view-options-drop"
+          toggle="#files-view-options-btn"
+          mode="click"
+          class="uk-width-auto"
+        >
           <oc-list>
             <li>
               <oc-switch