diff --git a/components/report-window/screenshot-generator.scss b/components/report-window/screenshot-generator.scss index 6855a6f..bb295c5 100644 --- a/components/report-window/screenshot-generator.scss +++ b/components/report-window/screenshot-generator.scss @@ -44,7 +44,6 @@ h2 { color: $disabled-grey !important; border: 1px solid $disabled-grey; background: linear-gradient(to bottom, $icd-rentgen-color 20%, #fff 20%, #fff 100%); - // animation: xray 2s cubic-bezier(0, 1.43, 0.39, 1.43) infinite; background-size: 100%; background-position-y: 26.5px; @@ -53,13 +52,21 @@ h2 { background-position-y: 26.5px; animation: none; - .browser__header { - background-color: #fff; + &--address-bar { + border: 1px solid #8a949f; + height: 1rem; + width: 10rem; + font-size: 0.667rem; + font-weight: 400; + padding: 0 0.25rem; + color: #000; + overflow: hidden; + word-break: normal; + inline-size: 10rem; + text-overflow: ellipsis; - &--addres-bar { - background-color: #fff; - animation: none; - } + background: linear-gradient(to left, $icd-rentgen-color 20%, #fff 20%, #fff 100%); + animation: xray-header 2s cubic-bezier(0, 1.43, 0.39, 1.43) infinite; } } @@ -82,11 +89,17 @@ h2 { justify-content: space-between; align-items: center; background-color: #fff; - padding: 0 0.5rem; font-size: 1.25rem; border-bottom: 1px solid $disabled-grey; + &--in_progress { + .browser__header--address-bar { + background: linear-gradient(to left, $icd-rentgen-color 20%, #fff 20%, #fff 100%); + animation: xray-header 2s cubic-bezier(0, 1.43, 0.39, 1.43) infinite; + } + } + &--address-bar { border: 1px solid #8a949f; height: 1rem; @@ -99,9 +112,6 @@ h2 { word-break: normal; inline-size: 10rem; text-overflow: ellipsis; - - background: linear-gradient(to left, $icd-rentgen-color 20%, #fff 20%, #fff 100%); - animation: xray-header 2s cubic-bezier(0, 1.43, 0.39, 1.43) infinite; } &--controls { diff --git a/components/report-window/screenshot-generator.tsx b/components/report-window/screenshot-generator.tsx index a187133..7785d39 100644 --- a/components/report-window/screenshot-generator.tsx +++ b/components/report-window/screenshot-generator.tsx @@ -217,7 +217,7 @@ export default function ScreenshotGenerator({ backgroundImage: `url(${SS_URL}${preview})`, }} > -
+
· · ·