mirror of
https://github.com/ApfelTeeSaft/LiveSplitOne.git
synced 2026-09-03 03:43:25 +00:00
Fix some style edge cases
This commit is contained in:
+1
-4
@@ -11,10 +11,6 @@ $split-icon-two-row-size: $two-row-height - $split-column-padding;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
span.split.split-separator div {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.split {
|
||||
line-height: $default-component-line-height;
|
||||
display: flex;
|
||||
@@ -65,6 +61,7 @@ $split-icon-two-row-size: $two-row-height - $split-column-padding;
|
||||
|
||||
.split-icon-container-empty {
|
||||
padding-right: $split-column-padding;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.split-rows {
|
||||
|
||||
@@ -20,7 +20,6 @@ export default class Split extends React.Component<Props> {
|
||||
|
||||
public render() {
|
||||
const currentSplit = this.props.split.is_current_split ? "current-split" : "";
|
||||
const separator = this.props.separatorInFrontOfSplit ? "split-separator" : "";
|
||||
const twoRows = this.props.splitsState.display_two_rows ? "two-rows" : "";
|
||||
|
||||
const splitsHaveIcons = this.props.splitsState.has_icons;
|
||||
@@ -61,7 +60,7 @@ export default class Split extends React.Component<Props> {
|
||||
|
||||
return (
|
||||
<span
|
||||
className={["split", currentSplit, separator, twoRows].filter((s) => s.length > 0).join(" ")}
|
||||
className={["split", currentSplit, twoRows].filter((s) => s.length > 0).join(" ")}
|
||||
style={outerStyle}
|
||||
>
|
||||
<div className="current-split-background" style={currentSplitBackgroundStyle}></div>
|
||||
|
||||
Reference in New Issue
Block a user