- {{#if drive}}
-
-
-
-
+
+
+ Blackboard
+
+ {{> header_breadcrumb_chat}}
+
+
+
+ {{#if this.link}}
+
+
+
{{/if}}
-
- - Blackboard
- {{#if round}}
+ {{#if spreadsheet}}
+
+
+
+ {{/if}}
+
+
+
-
+
Round: {{round.name}}
- {{#if round.link}} {{/if}}
- {{#if round.spreadsheet}} {{/if}}
+ {{> header_breadcrumb_extra_links round}}
- {{/if}}
- {{#if puzzle}}
+ {{> header_breadcrumb_chat }}
+
+
+
-
+
Puzzle: {{puzzle.name}}
- {{#if puzzle.link}} {{/if}}
- {{#if puzzle.spreadsheet}} {{/if}}
+ {{> header_breadcrumb_extra_links puzzle}}
- {{/if}}
- {{#if currentPageEquals "quip"}}
- {{#if idIsNew}}Add New Quip{{else}}Quip: {{quip.name}}{{/if}}
- {{else if currentPageEquals "oplog"}}
- Operation Logs
- {{else if currentPageEquals "facts"}}
- Server Facts
- {{else}}
- {{#if currentPageEquals "callins"}}
- Answer Queue
- {{/if}}
-
-
- {{#if typeEquals "roundgroups"}}{{link id=id editing=true}}{{/if}}
- {{#if typeEquals "rounds"}}Round{{/if}}
- {{#if typeEquals "puzzles"}}Puzzle{{/if}}
- {{#if typeEquals "general"}}General{{/if}}
- chat
- {{/if}}
-
+ {{> header_breadcrumb_chat }}
+
+
+
+
+
+ {{#if idIsNew}}Add New Quip{{else}}Quip: {{quip.name}}{{/if}}
+
+
+
+
+
+
+
+ Operation Logs
+
+
+
+
+
+
+
+ Server Facts
+
+
+
+
+
+
+
+ Answer Queue
+
+
+
+
+
+
+
+ {{#each breadcrumbs}}
+ {{> Template.dynamic template=crumb_template}}
+ {{/each}}
+ -
{{#if currentPageEquals "chat"}}
{{> chat_header }}
{{/if}}
+
+ {{#if drive}}
+ -
+
+
+ -
+
+
+
+ {{/if}}
diff --git a/header.less b/header.less
index c18b49bef..eed6ea805 100644
--- a/header.less
+++ b/header.less
@@ -9,12 +9,29 @@
padding-right: 160px;
height: 40px;
overflow: hidden;
- .bb-drive-buttons {
- position: absolute;
- right: 0;
- width: 163px;
- .bb-drive-link + .tooltip .tooltip-arrow {
- left: auto; right: 20px;
+ .nav {
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: stretch;
+ float: none;
+ & > li {
+ display: flex;
+ flex-grow: 0;
+ flex-shrink: 0;
+ & > a + a {
+ padding-left: 0px;
+ margin-left: -10px;
+ }
+ }
+ & > .fill {
+ flex-grow: 1;
+ flex-shrink: 1;
+ overflow: hidden;
+ }
+ .bb-drive-buttons {
+ .bb-drive-link + .tooltip .tooltip-arrow {
+ left: auto; right: 20px;
+ }
}
}
}