Commit graph

141 commits

Author SHA1 Message Date
Ferdinand Thiessen
e99ea1a351 fix: adjust server styles for new secondary status colors
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-19 15:05:01 +02:00
Ferdinand Thiessen
0394f4cb2a
fix: adjust also legacy styles
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2025-08-18 18:15:55 +02:00
Ferdinand Thiessen
f6e6ba4851 refactor(styles): Adjust code style in SCSS sources to match our stylelint config
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-11-19 09:42:13 +01:00
Ferdinand Thiessen
f6779e6766
fix: Replace deprecated SASS rules
- global color functions are now deprecated - use color namespace
- `@import` is deprecated and will be removed (will be native CSS import
  in future)

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-11-17 02:00:46 +01:00
Grigorii K. Shartsev
958371b6b8 chore(sass): migrate from deprecated SASS api
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
2024-10-14 18:52:36 +02:00
Ferdinand Thiessen
aea0e8df6a fix: Adjust more places for logical position
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-08-29 08:32:48 +00:00
Mostafa Ahangarha
26f4b97b2b Fix: shorthand paddings and margins
Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>
2024-08-29 08:32:47 +00:00
Mostafa Ahangarha
66fab3f2f6 Fix: background position based on direction
Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>
2024-08-29 08:32:47 +00:00
Mostafa Ahangarha
723780d184 feat: Add bidi support in core directory
Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>
2024-08-29 08:32:47 +00:00
Ferdinand Thiessen
d0a0be9959
fix: Adjust legacy CSS styles for new Nextcloud 30 design
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-08-15 02:04:51 +02:00
Marco Ambrosini
1f2b6b3adf feat: Match input height with clickable area
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
2024-07-03 09:17:23 +02:00
Andy Scherzinger
ce7b331d33
chore: Add SPDX header
Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>
2024-06-19 12:02:43 +02:00
Andy Scherzinger
1f7e2ba599
chore: Add SPDX header
Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>
2024-05-13 17:41:36 +02:00
Ty Davis
c5b89ab219
fix: Changes the color of the "Delete User" and "X" exit buttons on hover.
Adjust 'X' close button border so that contrast is 3:1.

Co-authored-by: Ty Davis <noreply@mail.theTyster.dev>
Co-authored-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Ty <136642464+theTyster@users.noreply.github.com>
2024-05-02 20:47:46 +02:00
Ferdinand Thiessen
ab424c2e75
fix(styles): Add default styles for disabled input elements
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-02-20 17:06:45 +01:00
Ferdinand Thiessen
858b4b83c7
fix(styles): Replace deprecated CSS variables
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
2024-02-20 16:55:00 +01:00
julia.kirschenheuter
dea02d2c32 Fix styles for input field and textarea on focus, hover and active state
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
2023-11-07 16:23:56 +01:00
Christopher Ng
32f5e0bd96 fix(settings): Keyboard focus outline for app nav button
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-08-21 16:24:55 -07:00
Christopher Ng
266789a4f4 fix(settings): Remove margin on app nav button
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-08-21 16:24:55 -07:00
Christopher Ng
2505961fe7 fix(settings): Remove add group hover border
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-08-21 16:24:55 -07:00
Simon L
f5e8268ced Use the color-primary-element* variables
Signed-off-by: Simon L <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2023-05-13 10:15:33 +00:00
John Molakvoæ
4d3b49b09a
fix(theming): replace color-primary-text-dark with color-primary-element-text-dark
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2023-05-04 13:02:53 +02:00
Ferdinand Thiessen
f8d558e24f fix(core): Ungroup placeholder css rules to prevent browsers from removing all rules
When rules are grouped using the comma operator and one selector is invalid / unknown then the whole group is invalidated[1].
In this case `::-ms-input-placeholder` is unknown to Firefox and Chrome, so the `::placeholder` rule is never applied.
[1]: https://www.w3.org/TR/selectors-3/#grouping

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2023-04-17 22:25:03 +00:00
Christopher Ng
9012e89431 Fix vue-select styles
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-10 01:35:14 +00:00
John Molakvoæ
dcd0878458
Merge pull request #35665 from nextcloud/revert-35165-fix/vue-select-styles 2022-12-08 18:47:29 +01:00
John Molakvoæ
2d5fe7ec23
Revert "Disable style override on vue-select elements" 2022-12-08 11:02:07 +01:00
Christopher Ng
20da75f5ab Increase default input field border contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-08 00:28:15 +00:00
Christopher Ng
d3d5034ea4 Disable style override on vue-select elements
- Disable style override on NcActionButton with `:not(.action-button)`
  due to increased specificity over scoped Vue styles when only
  `:not([class^="vs__"])` is added

Signed-off-by: Christopher Ng <chrng8@gmail.com>
2022-12-06 00:19:53 +00:00
John Molakvoæ
14e0299582
Fix user settings layout
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-11-23 10:47:38 +01:00
Carl Schwan
f1ce2c2b93
Fix rebasing issues and improve profile settings page a bit more
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-26 19:51:10 +02:00
Carl Schwan
1d35a53991
More dark theme fixes
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-26 19:49:00 +02:00
Carl Schwan
2f30d3227f
Various fixes
- Fix user status dialog
  - Add label where missing
  - Move emoji picker inside input field (similar to talk)
  - Fix selecting an emoji
- Fix multiselect
- Fix button with confirmation action
- Fix some other unrelated dark theme issues
- Fix select2 focus
- Run npm lint:fix

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-26 19:49:00 +02:00
Carl Schwan
f630bd27f7
Adapt to new Nextcloud vue style
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-26 19:49:00 +02:00
Carl Schwan
68ed1af3c0
Fix accessibility of input fields
Input fields require a 44x44 pixels target size, this makes all the
input fields and button use that size.

Bonus is that now the input fields and buttons now have the same size as
the new vue button and this looks less weird than the previous state
with controls of different sizes.

See https://www.w3.org/WAI/WCAG21/Understanding/target-size.html

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-26 19:49:00 +02:00
Carl Schwan
253118298d Redesign guest pages for better accessibility
- Use white box and put content on it
- Improve focus indicator

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-07-27 10:43:21 +02:00
Julius Härtl
9e0d6f5608
Use hover css variable for primary buttons and add proper focus outline
Signed-off-by: Julius Härtl <jus@bitgrid.net>
2022-07-18 18:24:26 +02:00
Carl Schwan
c1499519d4 Improve accessibility with more visible focus indication for non vue apps
- Add visible-focus effect on each header entry
- Show focus outline when using focus-visible (keyboard navigation)
- Add polyfy for focus-visible since it's only very recently available
  on webkit
- Change text for link to home button to describe the destination and
  not the current page
- Improve focus effect in app sidebar navigation

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-05-16 13:21:48 +02:00
John Molakvoæ
73918b8af9
Cleanup and compile
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-05-13 16:13:00 +02:00
John Molakvoæ
cc6037e438
Migrate core scss
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-05-13 16:10:59 +02:00
Christopher Ng
0b38fe1f4b Fix collaborative tags styles
Signed-off-by: Christopher Ng <chrng8@gmail.com>
2021-12-01 18:04:16 +00:00
marco
67915dbc43 Only add the vue exeption to actual button elements
Signed-off-by: marco <marcoambrosini@pm.me>
2021-11-25 16:16:02 +01:00
marco
61cfe35a90 Do notr make action icons too transparent
Signed-off-by: marco <marcoambrosini@pm.me>
2021-10-19 17:52:13 +02:00
Marco Ambrosini
231b5edc7b Do not target vue buttons with server rules
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
2021-09-30 09:41:20 +02:00
Greta
6078eab30b Revert "Do not target vue buttons with server rules"
Signed-off-by: GretaD <gretadoci@gmail.com>
2021-03-24 20:03:57 +01:00
Roeland Jago Douma
2f70397b03
Merge pull request #25721 from nextcloud/do-not-target-vue-buttons
Do not target vue buttons with server rules
2021-03-09 20:31:57 +01:00
Marco Ambrosini
8691084f17 Do not target vue buttons with server rules
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
2021-03-05 08:16:20 +00:00
Vincent Petry
49eff095ff
Change outline color to --color-main-text
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
2021-02-26 10:15:21 +01:00
Vincent Petry
23c143e034
Add focus-visible outline for checkboxes and radio buttons
To make keyboard navigation visible in forms.
When clicking with the mouse it doesn't appear.

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
2021-02-26 10:15:20 +01:00
Marco Ambrosini
dc9d37e7f8 Do not target vue progressbar with server styles
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
2021-01-25 08:22:18 +00:00
Marco Ambrosini
23b61de21e Increase horizontal padding
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
Signed-off-by: npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com>
2020-12-22 12:28:47 +00:00