-
Notifications
You must be signed in to change notification settings - Fork 90
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: Migrate SCSS $clickable-area
to CSS --default-clickable-area
#5694
Conversation
250e77d
to
193f916
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Similar with the other cases
193f916
to
cfcf998
Compare
cfcf998
to
4557fb5
Compare
b325efc
to
929cf08
Compare
c9b32f6
to
fe89ea7
Compare
fe89ea7
to
ee87644
Compare
ee87644
to
0272cd4
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unbreaking for 28 and 29, for 30 it fixes some weird places so 👍
@@ -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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 😅
$clickable-area
to CSS --default-clickable-area
a4084be
to
8df3711
Compare
Todo:
|
Co-authored-by: Ferdinand Thiessen <[email protected]> Co-authored-by: Grigorii K. Shartsev <[email protected]> Signed-off-by: Marco <[email protected]>
Signed-off-by: Ferdinand Thiessen <[email protected]>
8df3711
to
5f2ff37
Compare
/backport to next |
Milestone is 8.14 for this one? |
part of nextcloud/server#45657