Skip to content

Commit 5b804d7

Browse files
championswimmerchampionswimmer
committed
navbar styling improvements
Signed-off-by: Arnav Gupta <arnav@codingblocks.com>
1 parent e1faa59 commit 5b804d7

File tree

8 files changed

+89
-48
lines changed

8 files changed

+89
-48
lines changed

‎public_static/images/bosslogo.png‎

4.43 KB
Loading

‎public_static/images/bosslogo.svg‎

Lines changed: 27 additions & 0 deletions
Loading

‎public_static/lib/semantic/semantic.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23481,6 +23481,10 @@ Floated Menu / Item
2348123481
color: white;
2348223482
}
2348323483

23484+
.ui.secondary.menu .dropdown.item > .menu {
23485+
margin-top: 0;
23486+
}
23487+
2348423488
.ui.item.menu {
2348523489
border-radius: 2rem;
2348623490
}

‎public_static/lib/semantic/semantic.js‎

100755100644
File mode changed.

‎public_static/lib/semantic/semantic.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public_static/lib/semantic/semantic.min.js‎

100755100644
File mode changed.

‎semantic/src/site/collections/menu.overrides‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,9 @@
2121
color: white;
2222
}
2323
}
24+
.ui.secondary.menu .dropdown.item > .menu {
25+
margin-top: 0;
26+
}
2427
.ui.item.menu {
2528
border-radius: 2rem;
2629

‎views/layouts/main.hbs‎

Lines changed: 54 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,19 @@
1111
.main.container {
1212
margin-top: 6em;
1313
}
14-
1514
.hamburger-container {
1615
display: none !important;
1716
}
1817
19-
@media screen and (max-width: 900px) {
18+
.ui.secondary.pointing.menu {
19+
padding-bottom: 10px;
20+
}
21+
22+
.boss-link-container {
23+
padding: 15px 0 0 15px !important;
24+
}
25+
26+
@media screen and (max-width: 768px) {
2027
.menu.fluid {
2128
overflow: hidden;
2229
height: 50px;
@@ -95,58 +102,58 @@
95102
<body>
96103

97104
<div class="ui top fixed huge fluid secondary pointing stackable menu red">
98-
<div class="ui stackable container">
99-
<div class="header item">
100-
<a href="/" class="boss-link-container wide column">
101-
<span class="boss-link">BOSS</span>
102-
</a>
103-
<div class="separator"></div>
104-
<span class="column hamburger-container">
105+
<div class="item boss-link-container">
106+
<a href="/">
107+
<img height="38" class="boss-link" src="/images/bosslogo.png">
108+
</a>
109+
<div class="separator"></div>
110+
<span class="column hamburger-container">
105111
<center>
106112
<i class="bars icon hamburger"></i>
107113
</center>
108114
</span>
109-
</div>
110-
<a class="item {{menu.leaderboard}}" href="/leaderboard">
111-
<i class="sort content descending icon"></i>
112-
Leaderboard
113-
</a>
114-
115-
<div class="ui simple dropdown item">
116-
<i class="checked calendar icon"></i>
117-
Claim
118-
<i class="dropdown icon"></i>
119-
<div class="menu">
120-
<a class="item {{menu.claims_view}}" href="/claims/view">View</a>
121-
{{#if isAuthenticated}}
122-
<a class="item {{menu.claims_add}}" href="/claims/add">Add</a>
123-
{{/if}}
124-
</div>
125-
</div>
126-
<a class="item" href="/stats">
127-
<i class="chart line icon"></i>
128-
Stats
129-
</a>
130-
<a class="item" href="http://lab.codingblocks.com/boss" target="_blank" >
131-
<i class="info icon"></i>
132-
Information
133-
</a>
134-
<a class="item" href="https://github.com/issues?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+archived%3Afalse+label%3Aboss+org%3Acoding-blocks+org%3Ajagql+org%3Ahereisnaman" target="_blank" >
135-
<i class="github icon"></i>
136-
Open Issues
137-
</a>
138-
<a class="item" href="https://gitter.im/coding-blocks/boss-2018-lobby" target="_blank" >
139-
<i class="gitter icon"></i> Gitter
140-
</a>
115+
</div>
116+
<div class="ui stackable container">
117+
<a class="item {{menu.leaderboard}}" href="/leaderboard">
118+
<i class="sort content descending icon"></i>
119+
Leaderboard
120+
</a>
121+
122+
<div class="ui simple dropdown item">
123+
<i class="checked calendar icon"></i>
124+
Claim
125+
<i class="dropdown icon"></i>
126+
<div class="menu">
127+
<a class="item {{menu.claims_view}}" href="/claims/view">View</a>
141128
{{#if isAuthenticated}}
142-
<div class="item right">
143-
<a target="_blank" href="https://account.codingblocks.com/users/me">Welcome {{user.firstname}} </a>
144-
</div>
145-
<a class="item" href="/logout">Logout </a>
146-
{{else}}
147-
<a class="right item" href="/login">Login</a>
129+
<a class="item {{menu.claims_add}}" href="/claims/add">Add</a>
148130
{{/if}}
131+
</div>
132+
</div>
133+
<a class="item" href="/stats">
134+
<i class="chart line icon"></i>
135+
Stats
136+
</a>
137+
<a class="item" href="http://lab.codingblocks.com/boss" target="_blank" >
138+
<i class="info icon"></i>
139+
Information
140+
</a>
141+
<a class="item" href="https://github.com/issues?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+archived%3Afalse+label%3Aboss+org%3Acoding-blocks+org%3Ajagql+org%3Ahereisnaman" target="_blank" >
142+
<i class="github icon"></i>
143+
Open Issues
144+
</a>
145+
<a class="item" href="https://gitter.im/coding-blocks/boss-2018-lobby" target="_blank" >
146+
<i class="gitter icon"></i> Gitter
147+
</a>
148+
</div>
149+
{{#if isAuthenticated}}
150+
<div class="item right">
151+
<a target="_blank" href="https://account.codingblocks.com/users/me">Welcome {{user.firstname}} </a>
149152
</div>
153+
<a class="item" href="/logout">Logout </a>
154+
{{else}}
155+
<a class="right item" href="/login">Login</a>
156+
{{/if}}
150157

151158
</div>
152159

0 commit comments

Comments
 (0)