mirror of https://github.com/morpheus65535/bazarr
Improved readability of toast progress label, overflow of toast message with ellipsis and removed the toast close button considering the auto-dismiss.
This commit is contained in:
parent
821ff13b80
commit
cf35f4a9d2
|
@ -96,7 +96,7 @@ const ProgressToast: FunctionComponent<ProgressHolderProps> = ({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Toast onClose={remove}>
|
<Toast onClose={remove}>
|
||||||
<Toast.Header closeButton={!incomplete}>
|
<Toast.Header closeButton={false}>
|
||||||
<FontAwesomeIcon className="mr-2" icon={faPaperPlane}></FontAwesomeIcon>
|
<FontAwesomeIcon className="mr-2" icon={faPaperPlane}></FontAwesomeIcon>
|
||||||
<span className="mr-auto">{header}</span>
|
<span className="mr-auto">{header}</span>
|
||||||
</Toast.Header>
|
</Toast.Header>
|
||||||
|
|
|
@ -1,4 +1,9 @@
|
||||||
@import "../../@scss/variable.scss";
|
@import "../../@scss/variable.scss";
|
||||||
|
@import "../../@scss/bazarr.scss";
|
||||||
|
|
||||||
|
@function theme-color($key: "primary") {
|
||||||
|
@return map-get($theme-colors, $key);
|
||||||
|
}
|
||||||
|
|
||||||
.alert-container {
|
.alert-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -17,6 +22,25 @@
|
||||||
|
|
||||||
backdrop-filter: blur(6px);
|
backdrop-filter: blur(6px);
|
||||||
-webkit-backdrop-filter: blur(6px);
|
-webkit-backdrop-filter: blur(6px);
|
||||||
|
|
||||||
|
.toast-body {
|
||||||
|
span {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.progress {
|
||||||
|
.progress-bar {
|
||||||
|
text-shadow: -2px -2px 5px theme-color("primary"),
|
||||||
|
2px -2px 5px theme-color("primary"),
|
||||||
|
-2px 2px 5px theme-color("primary"),
|
||||||
|
2px 2px 5px theme-color("primary");
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue