Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #109 from influxdata/layout/sidebar-toggle-fix 

Fixed rounded corners on sidebar toggle
pull/115/head
Scott Anderson 2019-03-27 11:26:09 -06:00 committed by GitHub
parent fd1e3955e5 d2a170ee5f
commit c58b9f5d75
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/styles/layouts/_layout-sidebar-toggle.scss
View File

@ -43,10 +43,10 @@ $vertical-offset: -14px;
background-color: $body-bg;
border-radius: 0 $border-radius $border-radius 0;
&:before, &:after {
content: url('data:image/svg+xml;charset=UTF-8,
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 10" xml:space="preserve">
<path fill="'+$body-bg+'" d="M0,10h10V0C10,5.52,5.52,10,0,10z"/>
</svg>');
content: url("data:image/svg+xml;charset=UTF-8,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' xml:space='preserve'>
<path fill='"+rgba($body-bg, .9999)+"' d='M0,10h10V0C10,5.52,5.52,10,0,10z'/>
</svg>");
left: 0;
}
&:before { transform: rotateY(180deg); }
@ -63,10 +63,10 @@ $vertical-offset: -14px;
background-color: $article-bg;
border-radius: $border-radius 0 0 $border-radius;
&:before, &:after {
content: url('data:image/svg+xml;charset=UTF-8,
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 10" xml:space="preserve">
<path fill="'+$article-bg+'" d="M0,10h10V0C10,5.52,5.52,10,0,10z"/>
</svg>');
content: url("data:image/svg+xml;charset=UTF-8,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' xml:space='preserve'>
<path fill='"+rgba($article-bg, .9999)+"' d='M0,10h10V0C10,5.52,5.52,10,0,10z'/>
</svg>");
right: 0;
}
& > a {