tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use ~ notation in components for image references

Browse Source 
This uses (more or less) absolute references to external assets, which
allows imported stylesheets (like components.scss) to work from other
locations that may not have the expected path structure (e.g. the win95
theme).
This commit is contained in:
David Yip
2017-12-30 17:15:20 -06:00
parent 7174d1c955
commit 513d982f29
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/styles/mastodon/components.scss
View File

@@ -1758,7 +1758,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: lighten($ui-base-color, 13%) url('../images/wave-drawer.png') no-repeat bottom / 100% auto; background: lighten($ui-base-color, 13%) url('~images/wave-drawer.png') no-repeat bottom / 100% auto;
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
display: flex; display: flex;
@@ -1773,7 +1773,7 @@
} }
> .mastodon { > .mastodon {
background: url('../images/mastodon-drawer.png') no-repeat left bottom / contain; background: url('~images/mastodon-drawer.png') no-repeat left bottom / contain;
flex: 1; flex: 1;
} }
} }