Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-10 15:15:34 +00:00
Code Issues Projects Releases Wiki Activity

Use column for builds menu

Browse Source
This commit is contained in:
Colin McLeod
2015-06-02 21:52:11 -07:00
parent 1ac9d30beb
commit 57dc910bc5
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/less/header.less
View File

@@ -44,7 +44,7 @@ header {
.menu-list { .menu-list {
font-family: @fStandard; font-family: @fStandard;
position: absolute; position: absolute;
padding: 1em 1em; padding: 0.5em 1em;
box-sizing: border-box; box-sizing: border-box;
min-width: 100%; min-width: 100%;
overflow-x: hidden; overflow-x: hidden;
@@ -56,16 +56,17 @@ header {
max-height: 400px; max-height: 400px;
&.dbl { &.dbl {
width: 22em; -webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
ul { ul {
float: left;
width: 10em; width: 10em;
} }
} }
} }
ul { ul {
margin: 0 0 0.5em 0; margin: 0 0 0.5em;
padding: 0; padding: 0;
line-height: 1.3em; line-height: 1.3em;
} }

2
app/views/_header.html
View File

@@ -15,7 +15,7 @@
<svg class="icon warning" ng-class="{'warning-disabled': !bs.hasBuilds}"><use xlink:href="#hammer"></use></svg> Builds <svg class="icon warning" ng-class="{'warning-disabled': !bs.hasBuilds}"><use xlink:href="#hammer"></use></svg> Builds
</div> </div>
<div class="menu-list dbl" ng-if="openedMenu=='b'" ng-click="$event.stopPropagation();"> <div class="menu-list dbl" ng-if="openedMenu=='b'" ng-click="$event.stopPropagation();">
<ul class="l" ng-repeat="shipId in buildsList"> <ul ng-repeat="shipId in buildsList">
{{ships[shipId].properties.name}} {{ships[shipId].properties.name}}
<li ng-repeat="(name, build) in allBuilds[shipId]"> <li ng-repeat="(name, build) in allBuilds[shipId]">
<a ui-sref-active="active" class="name" ui-sref="outfit({shipId:shipId, code:build, bn:name})" ng-bind="name"></a> <a ui-sref-active="active" class="name" ui-sref="outfit({shipId:shipId, code:build, bn:name})" ng-bind="name"></a>