Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2024-11-15 02:21:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Hide brand logo text on hella small width viewport

Browse Source
This commit is contained in:
Jeremy Zhang 2017-09-30 20:44:44 +00:00
parent efcbc01ee8
commit fc8768d389
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/titanembeds/static/css/embedstyle.css
View File

@ -351,6 +351,12 @@ a {
filter: brightness(0) invert(1);
}
@media screen and (max-width: 280px) {
.brand-logo-text {
display: none;
}
}
.align-top {
vertical-align: top;
}

2
webapp/titanembeds/templates/embed.html.j2
View File

@ -34,7 +34,7 @@
<div class="nav-wrapper">
<a href="#" data-activates="guild-nav" class="button-collapse" id="guild-btn"><i class="material-icons">menu</i></a>
<div class="container">
<a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><strong class="align-top">Titan</strong><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></a>
<a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><span class="brand-logo-text"><strong class="align-top">Titan</strong><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></span></a>
</div>
<a href="#" data-activates="members-nav" class="button-collapse right" id="members-btn"><i class="material-icons">person</i></a>
</div>