octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2025-02-02 11:58:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix webgui top menu for small screen devices

Browse Source
This commit is contained in:
Sergey Mishin 2015-06-02 17:48:31 +03:00
parent e952da7f91
commit ccebdd142a
3 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
gui/assets/css/overrides.css
View File

@ -153,27 +153,33 @@ table.table-condensed td {
padding-right: 15px; padding-right: 15px;
} }
/** /**
* Menu for select language * Menu for select language
*/ */
@media (min-width:480px) { @media (min-width:480px) and (max-width:649px) {
*[language-select] > .dropdown-menu {
width: 230px;
}
}
@media (min-width:650px) {
*[language-select] > .dropdown-menu > li { *[language-select] > .dropdown-menu > li {
width: 50%; width: 50%;
float: left; float: left;
} }
*[language-select] > .dropdown-menu { *[language-select] > .dropdown-menu {
width: 400px; width: 440px;
} }
} }
@media (max-width:479px) { @media (max-width:479px) {
.dropdown-menu { .dropdown-menu {
padding-top: 55px; padding-top: 55px;
} }
*[language-select] > .dropdown-toggle { nav .dropdown-toggle {
font-size: 14px; font-size: 14px;
} }

10
gui/index.html
View File

@ -45,10 +45,9 @@
</button> </button>
</li> </li>
<li class="dropdown" language-select></li> <li class="dropdown" language-select></li>
<li> <li class="hidden-xs">
<a href="http://docs.syncthing.net/intro/gui.html" target="_blank"> <a href="http://docs.syncthing.net/intro/gui.html" target="_blank">
<span class="glyphicon glyphicon-book"></span>&nbsp; <span class="glyphicon glyphicon-book"></span>&nbsp;<span translate>Help</span>
<span translate>Help</span>
</a> </a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
@ -60,6 +59,11 @@
<li><a href="" ng-click="shutdown()"><span class="glyphicon glyphicon-off"></span>&nbsp;<span translate>Shutdown</span></a></li> <li><a href="" ng-click="shutdown()"><span class="glyphicon glyphicon-off"></span>&nbsp;<span translate>Shutdown</span></a></li>
<li><a href="" ng-click="restart()"><span class="glyphicon glyphicon-refresh"></span>&nbsp;<span translate>Restart</span></a></li> <li><a href="" ng-click="restart()"><span class="glyphicon glyphicon-refresh"></span>&nbsp;<span translate>Restart</span></a></li>
<li class="divider"></li> <li class="divider"></li>
<li class="visible-xs">
<a href="http://docs.syncthing.net/intro/gui.html" target="_blank">
<span class="glyphicon glyphicon-book"></span>&nbsp;<span translate>Help</span>
</a>
</li>
<li><a href="" ng-click="about()"><span class="glyphicon glyphicon-heart-empty"></span>&nbsp;<span translate>About</span></a></li> <li><a href="" ng-click="about()"><span class="glyphicon glyphicon-heart-empty"></span>&nbsp;<span translate>About</span></a></li>
</ul> </ul>
</li> </li>

6
internal/auto/gui.files.go
View File

File diff suppressed because one or more lines are too long