-
Notifications
You must be signed in to change notification settings - Fork 96
fix: Migrate SCSS $clickable-area to CSS --default-clickable-area
#5694
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
Conversation
250e77d to
193f916
Compare
susnux
left a comment
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
susnux
left a comment
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 👍
| /* 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)
| /* 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
| // 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