fix: Migrate SCSS $clickable-area to CSS --default-clickable-area
#5694
+113
−121
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
marcoambrosini
requested review from
susnux,
raimund-schluessler,
juliushaertl and
skjnldsv
7 tasks
susnux
reviewed
Jun 12, 2024
susnux
reviewed
Jun 12, 2024
susnux
reviewed
Jun 12, 2024
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
marcoambrosini
force-pushed
the
feat/change-default-clickable-area
branch
from
250e77d
to
193f916
Compare
marcoambrosini
force-pushed
the
feat/change-default-clickable-area
branch
from
193f916
to
cfcf998
Compare
marcoambrosini
force-pushed
the
feat/change-default-clickable-area
branch
from
cfcf998
to
4557fb5
Compare
susnux
force-pushed
the
feat/change-default-clickable-area
branch
3 times, most recently
from
b325efc
to
929cf08
Compare
susnux
added
bug
susnux
force-pushed
the
feat/change-default-clickable-area
branch
2 times, most recently
from
c9b32f6
to
fe89ea7
Compare
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
ShGKme
reviewed
Jun 20, 2024
marcoambrosini
force-pushed
the
feat/change-default-clickable-area
branch
from
fe89ea7
to
ee87644
Compare
marcoambrosini
force-pushed
the
feat/change-default-clickable-area
branch
from
ee87644
to
0272cd4
Compare
|
Other changes saved here https://github.com/nextcloud-libraries/nextcloud-vue/tree/feat/change-default-clickable-area-2 |
ShGKme
reviewed
Jun 29, 2024
susnux
approved these changes
Jul 1, 2024
| @@ -540,7 +540,7 @@ $input-margin: 4px; | |||
| min-height: 0; | |||
| /* Keep padding to define the width to | |||
| assure correct position of a possible text */ | |||
| padding: #{math.div($clickable-area, 2)} 0 #{math.div($clickable-area, 2)} $clickable-area; | |||
| padding: calc(var(--default-clickable-area)/ 2) 0 calc(var(--default-clickable-area)/ 2) var(--default-clickable-area); | |||
There was a problem hiding this comment.
Maybe we should cache calc(var(--default-clickable-area)/ 2)? (note for the future)
| @@ -215,15 +215,15 @@ $input-margin: 4px; | |||
| min-height: 0; | |||
| /* Keep padding to define the width to | |||
| assure correct position of a possible text */ | |||
| padding: #{math.div($clickable-area, 2)} 0 #{math.div($clickable-area, 2)} $clickable-area; | |||
| padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area); | |||
There was a problem hiding this comment.
because here we use it again
| @@ -258,10 +258,10 @@ $input-margin: 4px; | |||
|
|
|||
| // bottom-right corner | |||
| position: absolute; | |||
| right: $icon-margin + 1; | |||
| right: calc($icon-margin + 1); | |||
There was a problem hiding this comment.
we should get rid of this options in the future (...-right, ...-left, right, left) to properly support RTL layout and just use ...-inline-start ...-inline-end.
Just a note for the future, not related to this PR 😅
susnux
changed the title
$clickable-area to CSS --default-clickable-area
ShGKme
approved these changes
Jul 1, 2024
susnux
force-pushed
the
feat/change-default-clickable-area
branch
from
a4084be
to
8df3711
Compare
|
Todo:
|
Co-authored-by: Ferdinand Thiessen <opensource@fthiessen.de> Co-authored-by: Grigorii K. Shartsev <me@shgk.me> Signed-off-by: Marco <marcoambrosini@proton.me>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
susnux
force-pushed
the
feat/change-default-clickable-area
branch
from
8df3711
to
5f2ff37
Compare
|
/backport to next |
2 tasks
|
Milestone is 8.14 for this one? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
part of nextcloud/server#45657