Merge pull request #5450 from owncloud/view-options-button

Make view options button less prominent
owncloud · Jul 6, 2021 · 6a96e01 · 6a96e01
2 parents 1cec8ef + f8464da
commit 6a96e01
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