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 table layout for wide elements, at the price of ellipsis (fixes #326, fixes #309)

Browse Source
This commit is contained in:
Jakob Borg 2014-08-25 16:36:05 +02:00
parent 5f47a8149f
commit 5bcf26e324
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
auto/gui.files.go
View File

File diff suppressed because one or more lines are too long

19
gui/index.html
View File

@ -82,10 +82,17 @@
white-space: nowrap; white-space: nowrap;
} }
table.table-condensed {
table-layout: fixed;
}
table.table-condensed td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width:767px) { @media (max-width:767px) {
.table-responsive>.table>tbody>tr>td { table.table-condensed td {
/* revert a bootstrap setting e.g.: /* for mobile phones to allow linebreaks in long repro folder/shared with
* for mobile phones to allow linebreaks in long repro folder/shared with
* columns. */ * columns. */
white-space: normal; white-space: normal;
} }
@ -178,7 +185,6 @@
</div> </div>
<div id="repo-{{$index}}" class="panel-collapse collapse"> <div id="repo-{{$index}}" class="panel-collapse collapse">
<div class="panel-body"> <div class="panel-body">
<div class="table-responsive">
<table class="table table-condensed table-striped"> <table class="table table-condensed table-striped">
<tbody> <tbody>
<tr> <tr>
@ -232,7 +238,6 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<span class="pull-right"> <span class="pull-right">
<a class="btn btn-sm btn-default" href="" ng-show="repoStatus(repo.ID) == 'idle'" ng-click="rescanRepo(repo.ID)"><span class="glyphicon glyphicon-refresh"></span>&emsp;<span translate>Rescan</span></a> <a class="btn btn-sm btn-default" href="" ng-show="repoStatus(repo.ID) == 'idle'" ng-click="rescanRepo(repo.ID)"><span class="glyphicon glyphicon-refresh"></span>&emsp;<span translate>Rescan</span></a>
<a class="btn btn-sm btn-primary" href="" ng-click="editRepo(repo)"><span class="glyphicon glyphicon-pencil"></span>&emsp;<span translate>Edit</span></a> <a class="btn btn-sm btn-primary" href="" ng-click="editRepo(repo)"><span class="glyphicon glyphicon-pencil"></span>&emsp;<span translate>Edit</span></a>
@ -256,7 +261,6 @@
</div> </div>
<div id="node-this" class="panel-collapse collapse in"> <div id="node-this" class="panel-collapse collapse in">
<div class="panel-body"> <div class="panel-body">
<div class="table-responsive">
<table class="table table-condensed table-striped"> <table class="table table-condensed table-striped">
<tbody> <tbody>
<tr> <tr>
@ -288,7 +292,6 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<span class="pull-right"><a class="btn btn-sm btn-primary" href="" ng-click="editNode(nodeCfg)"><span class="glyphicon glyphicon-pencil"></span>&emsp;<span translate>Edit</span></a></span> <span class="pull-right"><a class="btn btn-sm btn-primary" href="" ng-click="editNode(nodeCfg)"><span class="glyphicon glyphicon-pencil"></span>&emsp;<span translate>Edit</span></a></span>
</div> </div>
</div> </div>
@ -314,7 +317,6 @@
</div> </div>
<div id="node-{{$index}}" class="panel-collapse collapse"> <div id="node-{{$index}}" class="panel-collapse collapse">
<div class="panel-body"> <div class="panel-body">
<div class="table-responsive">
<table class="table table-condensed table-striped"> <table class="table table-condensed table-striped">
<tbody> <tbody>
<tr> <tr>
@ -349,7 +351,6 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<span class="pull-right"><a class="btn btn-sm btn-primary" href="" ng-click="editNode(nodeCfg)"><span class="glyphicon glyphicon-pencil"></span>&emsp;<span translate>Edit</span></a></span> <span class="pull-right"><a class="btn btn-sm btn-primary" href="" ng-click="editNode(nodeCfg)"><span class="glyphicon glyphicon-pencil"></span>&emsp;<span translate>Edit</span></a></span>
</div> </div>
</div> </div>