Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00
Code Issues Projects Releases Wiki Activity

fix: make buttons visually align in Chrome and Firefox

Browse Source
This commit is contained in:
Thomas Heartman 2022-03-02 15:47:45 +01:00
parent a437ecfd46
commit f49fde0923
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
website/src/components/UserFeedback/styles.module.css
View File

@ -209,14 +209,23 @@ button.close-button {
.open-feedback-button { .open-feedback-button {
padding-block: var(--ifm-spacing-vertical); padding-block: var(--ifm-spacing-vertical);
padding-inline: var(--ifm-spacing-horizontal);
border-radius: 0 var(--ifm-global-radius) var(--ifm-global-radius) 0; border-radius: 0 var(--ifm-global-radius) var(--ifm-global-radius) 0;
border: none; border: none;
position: fixed; position: fixed;
bottom: 25vh; bottom: 25vh;
right: 0; right: 0;
writing-mode: vertical-lr;
transform: rotate(180deg);
transition: var(--fade-in-transition); transition: var(--fade-in-transition);
transform: rotate(180deg);
writing-mode: vertical-lr;
}
/* note: Chrome doesn't support writing-mode on buttons, so we need to add a
span for the text and change the writing-mode there. Simultaneously, Firefox
does some weird stuff with the padding of the text if writing-mode isn't
specified on the button itself, so we need to set that too. */
.open-feedback-button > span {
writing-mode: vertical-lr;
} }
.invisible, .invisible,