diff --git a/.gitignore b/.gitignore index b3feb2cdd4..be9bc9d4b8 100644 --- a/.gitignore +++ b/.gitignore @@ -29,3 +29,4 @@ cypress/videos cypress/screenshots cypress/snapshots/actual cypress/snapshots/diff +cypress/snapshots/base/**/*-base-* diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_button-editable_true-base.png index 84c6a3fa84..438bd95431 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_none-editable_true-base.png index a395835fca..8abddaedb0 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_button-editable_true-base.png index d9f979ed3f..12e41e06a4 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_none-editable_true-base.png index 56eaeb93e1..d6216dc158 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_true-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_button-editable_true-base.png index a6f92f121c..37396b953b 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_none-editable_true-base.png index 99b30783bc..6e68d79c13 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_button-editable_true-base.png index 9932891f9f..561b1cf706 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_none-editable_true-base.png index 716558f808..9ff6aef098 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_true-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_button-editable_true-base.png index f6b6bca3c8..d453ae7bed 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_none-editable_true-base.png index ac7578eb0e..e7f77cc83a 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_button-editable_true-base.png index e29adf526b..d710737193 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_none-editable_true-base.png index eba9c26717..57c05f03b2 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_true-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_button-editable_true-base.png index b861761563..5b32f47c0b 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_none-editable_true-base.png index 010d8df6c4..7467340df7 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_button-editable_true-base.png index b365c40835..f827d3374f 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_none-editable_true-base.png index 987f0a3dc1..da6a2f1ffa 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_true-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_button-editable_true-base.png index f1bcf71d20..d6b73d61f7 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_none-editable_true-base.png index b19cb9be12..998219a181 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_button-editable_true-base.png index 4321737b1f..0bde9fc999 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_none-editable_true-base.png index 4e52d19529..f4f46cdfef 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_true-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_button-editable_true-base.png index 836312258c..be326f6ab9 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_none-editable_true-base.png index ab171cbe0b..e82b29afea 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_button-editable_true-base.png index 9121b0fdba..aebd4ec722 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_none-editable_true-base.png index 4d3f060183..f68aba3acd 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar-compact.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_true-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_button-editable_true-base.png index ca0c01fa1d..3db91fcddd 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_none-editable_true-base.png index 426f1d468e..c899661b33 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_button-editable_true-base.png index d9f979ed3f..12e41e06a4 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_none-editable_true-base.png index 56eaeb93e1..d6216dc158 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_false-compact_false-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_button-editable_true-base.png index 434ffde00b..ff9cd2f852 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_none-editable_true-base.png index ff48e8314a..a0f2bd4809 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_button-editable_true-base.png index 9932891f9f..561b1cf706 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_none-editable_true-base.png index 716558f808..9ff6aef098 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_null-compact_false-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_button-editable_true-base.png index 49cc4e40e4..2832421ade 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_none-editable_true-base.png index 2bc71247d6..3de0c1aac7 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_button-editable_true-base.png index e29adf526b..d710737193 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_none-editable_true-base.png index eba9c26717..57c05f03b2 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_null-starred_true-compact_false-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_button-editable_true-base.png index c012bbb3e6..4e809a3137 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_none-editable_true-base.png index da1820e819..651c939d33 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_button-editable_true-base.png index b365c40835..f827d3374f 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_none-editable_true-base.png index 987f0a3dc1..da6a2f1ffa 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_false-compact_false-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_button-editable_true-base.png index 8ff54113f2..b63dba7b91 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_none-editable_true-base.png index 1a6cd32af8..e3e0d2d463 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_button-editable_true-base.png index 4321737b1f..0bde9fc999 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_none-editable_true-base.png index 4e52d19529..f4f46cdfef 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_null-compact_false-header_none-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_button-editable_true-base.png index 8a5de2b81e..a4ebfaa165 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_none-editable_true-base.png index 682302e3da..d00e38d0a2 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_image-secondary_none-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_button-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_button-editable_true-base.png index 9121b0fdba..aebd4ec722 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_button-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_button-editable_true-base.png differ diff --git a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_none-editable_true-base.png b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_none-editable_true-base.png index 4d3f060183..f68aba3acd 100644 Binary files a/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_none-editable_true-base.png and b/cypress/snapshots/base/components/NcAppSidebar/NcAppSidebar.visual.js/NcAppSidebar.vue-subtitle_true-starred_true-compact_false-header_none-secondary_none-editable_true-base.png differ diff --git a/src/components/NcButton/NcButton.vue b/src/components/NcButton/NcButton.vue index 56b3cf1204..01eaa92c82 100644 --- a/src/components/NcButton/NcButton.vue +++ b/src/components/NcButton/NcButton.vue @@ -204,13 +204,7 @@ button { :aria-label="ariaLabel" :type="nativeType" :disabled="disabled" - v-on="$listeners" - @keydown.enter="makeActive" - @keyup.enter="makeInactive" - @click="handleClick" - @blur="handleBlur" - @keyup.tab.exact="handleTabUp" - @keyup.shift.tab="handleTabUp"> + v-on="$listeners"> @@ -312,13 +306,6 @@ export default { data() { return { - /** - * Keeps track of whether the element's focus status is due to having - * tabbed to it. We use this to display a thick 'focus outline' only - * when the user is navigating with the keyboard. - */ - tabbed: false, - /** * Making sure the slots are reactive */ @@ -386,7 +373,6 @@ export default { 'button-vue--icon-and-text': this.iconAndText, [`button-vue--vue-${this.type}`]: this.type, 'button-vue--wide': this.wide, - 'button-vue--tabbed': this.tabbed, } }, }, @@ -408,43 +394,6 @@ export default { this) } }, - - methods: { - /** - * Removes the tabbed state of the button. - */ - handleClick() { - this.tabbed = false - }, - - /** - * When the tab key is lifted, the button has been "tabbed in", - * see comments on the `tabbed` variable declared in the data. - */ - handleTabUp() { - this.tabbed = true - }, - - /** - * Everytime the button is blurred, we remove the tabbed state. - */ - handleBlur() { - this.tabbed = false - }, - - /** - * When the button is reached via keyboard navigation and pressed using - * the enter key, we slightly change the styles to provide an "active-like" - * feedback. When using the mouse this is achieved with the ripple effect. - */ - makeActive() { - this.tabbed = false - }, - - makeInactive() { - this.tabbed = true - }, - }, } @@ -548,36 +497,13 @@ export default { width: 100%; } - // We use box-shadow around our buttons instead of an outline, so that the added "border" - // coincides with the border of the element. It's not possible to add a border-radius to - // the outline - &--tabbed, &:focus-visible { - box-shadow: 0 0 0 2px var(--color-main-text); - background-color: var(--color-primary-light-hover); - &.button-vue--vue-primary { - background-color: var(--color-primary-hover); - } - &.button-vue--vue-secondary { - box-shadow: 0 0 0 2px var(--color-main-text); - } - &.button-vue--vue-tertiary-no-background { - opacity: 1; - } + &:focus-visible { + outline: 2px solid var(--color-main-text) !important; &.button-vue--vue-tertiary-on-primary { - box-shadow: 0 0 0 2px var(--color-primary-text); + outline: 2px solid var(--color-primary-text); border-radius: var(--border-radius); - opacity: 1; background-color: transparent; } - &.button-vue--vue-success { - background-color: var(--color-success-hover); - } - &.button-vue--vue-warning { - background-color: var(--color-warning-hover); - } - &.button-vue--vue-error { - background-color: var(--color-error-hover); - } } // Button types @@ -620,10 +546,8 @@ export default { &--vue-tertiary-no-background { color: var(--color-main-text); background-color: transparent; - opacity: .7; &:hover:not(:disabled) { background-color: transparent; - opacity: 1; } } @@ -631,11 +555,9 @@ export default { &--vue-tertiary-on-primary { color: var(--color-primary-text); background-color: transparent; - opacity: .7; &:hover:not(:disabled) { background-color: transparent; - opacity: 1; } }