Merge pull request #3307 from owenconti/bug/3110-firefox-models-svg-icon
#3110 - Fix Models down arrow icon in firefox
This commit is contained in:
@@ -24,8 +24,8 @@ export default class Models extends Component {
|
|||||||
return <section className={ showModels ? "models is-open" : "models"}>
|
return <section className={ showModels ? "models is-open" : "models"}>
|
||||||
<h4 onClick={() => layoutActions.show("models", !showModels)}>
|
<h4 onClick={() => layoutActions.show("models", !showModels)}>
|
||||||
<span>Models</span>
|
<span>Models</span>
|
||||||
<svg width="20" height="20">
|
<svg className="arrow" width="20" height="20">
|
||||||
<use xlinkHref="#large-arrow" />
|
<use xlinkHref={showModels ? "#large-arrow-down" : "#large-arrow"} />
|
||||||
</svg>
|
</svg>
|
||||||
</h4>
|
</h4>
|
||||||
<Collapse isOpened={showModels} animated>
|
<Collapse isOpened={showModels} animated>
|
||||||
|
|||||||
@@ -95,14 +95,7 @@ section.models
|
|||||||
h4
|
h4
|
||||||
{
|
{
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
|
|
||||||
border-bottom: 1px solid rgba(#3b4151, .3);
|
border-bottom: 1px solid rgba(#3b4151, .3);
|
||||||
|
|
||||||
|
|
||||||
svg
|
|
||||||
{
|
|
||||||
transform: rotate(90deg);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
h4
|
h4
|
||||||
|
|||||||
Reference in New Issue
Block a user