Add interactive navigation controls
This commit is contained in:
parent
a98c87cdfc
commit
435cf4d18f
7 changed files with 125 additions and 45 deletions
|
|
@ -107,20 +107,46 @@ span.detached-connection {
|
|||
filter: opacity(60%);
|
||||
}
|
||||
|
||||
nav#main-menu {
|
||||
nav#nav-main {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav#main-menu ul {
|
||||
display: inline;
|
||||
padding-left: 0;
|
||||
#nav-main-spread {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
nav#main-menu li {
|
||||
nav#nav-main ul {
|
||||
display: inline;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav#nav-main li {
|
||||
margin-right: 10px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.nav-inputs div {
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
align-items: right;
|
||||
}
|
||||
|
||||
form.node-selector, form.navbar-search {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.node-selector select {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.navbar-search input[type="text"] {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div#error-poem {
|
||||
text-align: right;
|
||||
margin-top: 8em;
|
||||
|
|
@ -174,4 +200,9 @@ em#index-node-count {
|
|||
div.header-row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#nav-main-spread {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue