From 5456b093be8d32424ff4bd5a1b22f2b67f0afc06 Mon Sep 17 00:00:00 2001 From: Thomas Heartman Date: Mon, 28 Feb 2022 14:35:02 +0100 Subject: [PATCH] feat: style open-feedback-button. --- .../components/UserFeedback/styles.module.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/website/src/components/UserFeedback/styles.module.css b/website/src/components/UserFeedback/styles.module.css index 565343f3ff..e58eb09097 100644 --- a/website/src/components/UserFeedback/styles.module.css +++ b/website/src/components/UserFeedback/styles.module.css @@ -191,12 +191,19 @@ button.close-button { } .open-feedback-button { - padding-top: var(--ifm-spacing-vertical); - padding-bottom: calc(var(--ifm-spacing-vertical) * 2); - border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0; + padding-block: var(--ifm-spacing-vertical); + border-radius: 0 var(--ifm-global-radius) var(--ifm-global-radius) 0; border: none; position: absolute; - right: calc(var(--ifm-spacing-vertical) * -1); bottom: 25vh; - transform: rotate(270deg); + right: 0; + writing-mode: vertical-lr; + transform: rotate(180deg); + transition: var(--fade-in-transition); +} + +.invisible, +.open-feedback-button[disabled] { + opacity: 0; + transition: var(--fade-out-transition); }