Skip to content

Commit

Permalink
Fix styles for new remove button in File question (#8385)
Browse files Browse the repository at this point in the history
dk981234 authored Jun 10, 2024

Unverified

The committer email address is not verified.
1 parent c3c4e16 commit fd48962
Showing 6 changed files with 19 additions and 8 deletions.
24 changes: 18 additions & 6 deletions src/defaultV2-theme/blocks/sd-context-btn.scss
Original file line number Diff line number Diff line change
@@ -48,17 +48,29 @@
}
}
.sd-context-btn--with-border {
border: 1px solid $border-inside;
--box-shadow-color: #{$border-inside};
box-shadow: 0 0 0 1px var(--box-shadow-color);
}
.sd-context-btn--colorful {
use {
fill: $primary;
}
&.sd-context-btn--negative {
use {
fill: red;
}
}
}
.sd-context-btn--colorful:focus,
.sd-context-btn--colorful:hover {
border-color: $primary;
background: linear-gradient($primary-light, $primary-light), linear-gradient($background, $background);
&.sd-context-btn--with-border {
border-color: $primary;
}
&.sd-context-btn--negative {
border-color: $red;
background: linear-gradient($red-light, $red-light), linear-gradient($background, $background);
}
&.sd-context-btn--with-border {
--box-shadow-color: #{$primary};
&.sd-context-btn--negative {
--box-shadow-color: #{$red};
}
}
}
3 changes: 1 addition & 2 deletions src/defaultV2-theme/variables.scss
Original file line number Diff line number Diff line change
@@ -168,7 +168,7 @@ $matrix-row-fade-out-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);
$matrix-row-move-out-duration: var(--sjs-matrix-row-move-out-duration, 250ms);
$matrix-row-move-out-delay: var(--sjs-matrix-row-move-out-delay, 100ms);

$matrix-detail-row-fade-in-duration: var(--sjs--fade-in-duration, 500ms);
$matrix-detail-row-fade-in-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);
$matrix-detail-row-move-in-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);
$matrix-detail-row-fade-in-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);
$matrix-detail-row-fade-out-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);
@@ -195,7 +195,6 @@ $pd-tab-remove-fade-out-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150
$pd-tab-remove-fade-out-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);
$pd-tab-remove-fade-in-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);


$pd-list-fade-in-duration: var(--sjs-pd-list-fade-in-duration, 500ms);
$pd-list-move-in-duration: var(--sjs-pd-list-move-in-duration, 250ms);
$pd-list-fade-in-delay: var(--sjs-pd-list-fade-in-delay, 250ms);
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit fd48962

Please sign in to comment.