aboutsummaryrefslogtreecommitdiffstats
path: root/core/css/inputs.scss
Commit message (Collapse)AuthorAgeFilesLines
* fix(styles): Add default styles for disabled input elementsFerdinand Thiessen2024-02-211-0/+12
| | | | Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
* fix(styles): Replace deprecated CSS variablesFerdinand Thiessen2024-02-211-16/+17
| | | | Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
* Fix styles for input field and textarea on focus, hover and active statejulia.kirschenheuter2023-11-071-1/+2
| | | | Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
* fix(settings): Keyboard focus outline for app nav buttonChristopher Ng2023-08-211-1/+2
| | | | Signed-off-by: Christopher Ng <chrng8@gmail.com>
* fix(settings): Remove margin on app nav buttonChristopher Ng2023-08-211-1/+3
| | | | Signed-off-by: Christopher Ng <chrng8@gmail.com>
* fix(settings): Remove add group hover borderChristopher Ng2023-08-211-12/+17
| | | | Signed-off-by: Christopher Ng <chrng8@gmail.com>
* Use the color-primary-element* variablesSimon L2023-05-131-7/+7
| | | | | Signed-off-by: Simon L <szaimen@e.mail.de> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
* fix(theming): replace `color-primary-text-dark` with ↵John Molakvoæ2023-05-041-2/+2
| | | | | | `color-primary-element-text-dark` Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
* fix(core): Ungroup `placeholder` css rules to prevent browsers from removing ↵Ferdinand Thiessen2023-04-171-4/+17
| | | | | | | | | | | 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>
* Fix vue-select stylesChristopher Ng2022-12-101-7/+42
| | | | Signed-off-by: Christopher Ng <chrng8@gmail.com>
* Merge pull request #35665 from nextcloud/revert-35165-fix/vue-select-stylesJohn Molakvoæ2022-12-081-13/+7
|\
| * Revert "Disable style override on vue-select elements"John Molakvoæ2022-12-081-13/+7
| |
* | Increase default input field border contrastChristopher Ng2022-12-081-1/+1
|/ | | | Signed-off-by: Christopher Ng <chrng8@gmail.com>
* Disable style override on vue-select elementsChristopher Ng2022-12-061-7/+13
| | | | | | | | - 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>
* Fix user settings layoutJohn Molakvoæ2022-11-231-205/+0
| | | | Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
* Fix rebasing issues and improve profile settings page a bit moreCarl Schwan2022-08-261-0/+1
| | | | Signed-off-by: Carl Schwan <carl@carlschwan.eu>
* More dark theme fixesCarl Schwan2022-08-261-1/+5
| | | | Signed-off-by: Carl Schwan <carl@carlschwan.eu>
* Various fixesCarl Schwan2022-08-261-12/+30
| | | | | | | | | | | | | | - 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>
* Adapt to new Nextcloud vue styleCarl Schwan2022-08-261-39/+42
| | | | Signed-off-by: Carl Schwan <carl@carlschwan.eu>
* Fix accessibility of input fieldsCarl Schwan2022-08-261-3/+3
| | | | | | | | | | | | | 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>
* Redesign guest pages for better accessibilityCarl Schwan2022-07-271-4/+3
| | | | | | | - Use white box and put content on it - Improve focus indicator Signed-off-by: Carl Schwan <carl@carlschwan.eu>
* Use hover css variable for primary buttons and add proper focus outlineJulius Härtl2022-07-181-2/+6
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Improve accessibility with more visible focus indication for non vue appsCarl Schwan2022-05-161-0/+3
| | | | | | | | | | | | - 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>
* Cleanup and compileJohn Molakvoæ2022-05-131-13/+11
| | | | Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
* Migrate core scssJohn Molakvoæ2022-05-131-3/+5
| | | | Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
* Fix collaborative tags stylesChristopher Ng2021-12-011-0/+4
| | | | Signed-off-by: Christopher Ng <chrng8@gmail.com>
* Only add the vue exeption to actual button elementsmarco2021-11-251-7/+7
| | | | Signed-off-by: marco <marcoambrosini@pm.me>
* Do notr make action icons too transparentmarco2021-10-191-1/+1
| | | | Signed-off-by: marco <marcoambrosini@pm.me>
* Do not target vue buttons with server rulesMarco Ambrosini2021-09-301-8/+8
| | | | Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
* Revert "Do not target vue buttons with server rules"Greta2021-03-241-8/+8
| | | | Signed-off-by: GretaD <gretadoci@gmail.com>
* Merge pull request #25721 from nextcloud/do-not-target-vue-buttonsRoeland Jago Douma2021-03-091-8/+8
|\ | | | | Do not target vue buttons with server rules
| * Do not target vue buttons with server rulesMarco Ambrosini2021-03-051-8/+8
| | | | | | | | Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
* | Change outline color to --color-main-textVincent Petry2021-02-261-1/+1
| | | | | | | | Signed-off-by: Vincent Petry <vincent@nextcloud.com>
* | Add focus-visible outline for checkboxes and radio buttonsVincent Petry2021-02-261-0/+6
|/ | | | | | | To make keyboard navigation visible in forms. When clicking with the mouse it doesn't appear. Signed-off-by: Vincent Petry <vincent@nextcloud.com>
* Do not target vue progressbar with server stylesMarco Ambrosini2021-01-251-1/+1
| | | | Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
* Increase horizontal paddingMarco Ambrosini2020-12-221-1/+1
| | | | | Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me> Signed-off-by: npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com>
* Properly put hidden-visually off-screenVincent Petry2020-10-291-2/+2
| | | | | | | | | In some situations the element is still affecting the layout, especially when a sticky is nearby. This fix moves it properly off-screen. Signed-off-by: Vincent Petry <vincent@nextcloud.com>
* Fix cursor on click inputs and their descendantsDaniel Calviño Sánchez2020-03-251-0/+16
| | | | | | | | | | | | | | | | | The cursor in click inputs is shown as a pointer to convey that it can be interacted with. However, in those click inputs that can have descendants, like buttons, the descendants may not inherit the cursor from it (for example, a "strong" element would, but a "span" element would not), which causes a pointer cursor to be shown on some areas of the button and a different one to be shown on other areas. To prevent that now all the descendants of click inputs that can have descendants use a pointer cursor. On the other hand, if a click input is disabled it can not be interacted with it, so now disabled click inputs as well as their descendants show a default cursor instead of a pointer cursor in that case. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Fix cursor on disabled contenteditable divsDaniel Calviño Sánchez2020-01-161-2/+0
| | | | | | | The cursor should be a default cursor, as the text cursor implies that text can be introduced. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Narrow error button styling scopeJulius Härtl2020-01-101-5/+6
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Prompt on destructive user actionsGary Kim2019-11-051-0/+5
| | | | Signed-off-by: Gary Kim <gary@garykim.dev>
* Increase contast between text and placeholder in input fieldsJulius Härtl2019-10-101-1/+7
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Fix alignment issues in admin settingsGary Kim2019-07-051-1/+1
| | | | Signed-off-by: Gary Kim <gary@garykim.dev>
* Increase checkbox & radio sizeJohn Molakvoæ (skjnldsv)2019-04-301-8/+8
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fix default input element heightJohn Molakvoæ (skjnldsv)2019-03-021-5/+11
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fix .infield labels not being readable by screenreadersJan-Christoph Borchardt2019-02-221-0/+11
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Improve design of description below label of checkbox or radio buttonJan-Christoph Borchardt2019-02-011-0/+9
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Dark theme: Fix select2 iconsJan-Christoph Borchardt2019-01-161-5/+5
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Dark theme: Fix select triangle not being visibleJan-Christoph Borchardt2019-01-151-1/+1
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Fix select2 style preferenceJulius Härtl2019-01-091-3/+3
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
generated by cgit v1.2.3 (git 2.39.1) at 2025-02-03 18:32:47 +0000