web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Hide the links in the html topbar on small screens

Browse Source
This commit is contained in:
yflory 2017-02-15 14:23:56 +01:00
parent 7758d056fa
commit 0e76b18278
9 changed files with 39 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
customize.dist/about.html
View File

@ -31,16 +31,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>

8
customize.dist/contact.html
View File

@ -31,16 +31,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>

8
customize.dist/index.html
View File

@ -31,16 +31,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>

5
customize.dist/main.css
View File

@ -460,6 +460,11 @@
#cryptpadTopBar .right a:visited { #cryptpadTopBar .right a:visited {
color: #41b7d8; color: #41b7d8;
} }
@media screen and (max-width: 800px) {
#cryptpadTopBar .right.link {
display: none;
}
}
.cp footer { .cp footer {
background: #f4f4f4; background: #f4f4f4;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

8
customize.dist/privacy.html
View File

@ -31,16 +31,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>

8
customize.dist/src/fragments/topbar.html
View File

@ -8,16 +8,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>

6
customize.dist/src/less/topbar.less
View File

@ -60,5 +60,11 @@
color: @cp-link-visited; color: @cp-link-visited;
} }
} }
&.link {
@media screen and (max-width: @media-not-big) {
display: none;
}
}
} }
} }

8
customize.dist/terms.html
View File

@ -31,16 +31,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>

8
www/settings/index.html
View File

@ -32,16 +32,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>--> <!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span> <span id="language-selector" class="right dropdown-bar"></span>
<span class="right"> <span class="link right">
<a href="/about.html" data-localization="about">About</a> <a href="/about.html" data-localization="about">About</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a> <a href="/privacy.html" data-localization="privacy">Privacy</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a> <a href="/terms.html" data-localization="terms">ToS</a>
</span> </span>
<span class="right"> <span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a> <a href="/contact.html" data-localization="contact">Contact</a>
</span> </span>
</div> </div>