Fix some style edge cases

This commit is contained in:
wooferzfg
2020-02-05 18:46:59 -06:00
parent 86db321618
commit f7e8d0d6fe
2 changed files with 2 additions and 6 deletions
+1 -4
View File
@@ -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 {
+1 -2
View File
@@ -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>