hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: hopfma:9dab5e2dbcc00f579a4dca6583461a67f1471066
Branches Tags
hopfma:developer
hopfma:master
...
compare: hopfma:9d3d1b707e90e73ae11ff8c4a372d73a0f0477fb
Branches Tags
hopfma:developer
hopfma:master

2 Commits
9dab5e2dbc ... 9d3d1b707e

Author SHA1 Message Date
Edwina Barbalan
9d3d1b707e Merge remote-tracking branch 'origin/developer' into developer 2019-07-09 10:43:18 +02:00
Edwina Barbalan
6c9cb12480 Navbar is-active colorchange 2019-07-09 10:43:05 +02:00
2 changed files with 24 additions and 22 deletions
Show Stats Expand all files Collapse all files

33
public/lib/buefy-0.7.5.css
View File

@ -4549,8 +4549,9 @@ a.list-item {
.navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #0046a0;
color: white; }
background-color: #01295d;
color: white;
border-bottom: 3px solid white; }
.navbar.is-primary .navbar-brand .navbar-link::after {
border-color: white; }
.navbar.is-primary .navbar-burger {
@ -4568,18 +4569,18 @@ a.list-item {
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #0046a0;
color: white; }
background-color: #e8e8e8;
color: #0046a0; }
.navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
border-color: white; }
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #0046a0;
color: white; }
background-color: #e8e8e8;
color: #0046a0; }
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #0046a0;
color: white; } }
background-color: #e8e8e8;
color: #0046a0; } }
.navbar.is-link {
background-color: #0046a0;
color: white; }
@ -4589,8 +4590,8 @@ a.list-item {
.navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #0046a0;
color: white; }
background-color: #e8e8e8;
color: #0046a0; }
.navbar.is-link .navbar-brand .navbar-link::after {
border-color: white; }
.navbar.is-link .navbar-burger {
@ -4608,18 +4609,18 @@ a.list-item {
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #0046a0;
color: white; }
background-color: #e8e8e8;
color: #0046a0; }
.navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
border-color: white; }
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #0046a0;
color: white; }
background-color: #e8e8e8;
color: #0046a0; }
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: #0046a0;
color: white; } }
background-color: #e8e8e8;
color: #0046a0; } }
.navbar.is-info {
background-color: #167df0;
color: #fff; }

13
public/routes/navRoutes.js
View File

@ -2,24 +2,24 @@ Vue.component('nav-router', {
template: `
<div>
<nav class="navbar is-fixed-bottom is-expanded is-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand is-expanded is-primary">
<router-link to="/home" class="navbar-item is-expanded has-text-centered">
<div class="navbar-brand is-expanded is-light">
<router-link to="/home" class="navbar-item is-primary is-expanded has-text-centered">
<i class="material-icons">home</i>
</router-link>
<router-link to="/files" class="navbar-item is-expanded">
<router-link to="/files" class="navbar-item is-primary is-expanded">
<i class="material-icons">language</i>
</router-link>
<router-link to="/createMessage" class="navbar-item is-expanded">
<router-link to="/createMessage" class="navbar-item is-primary is-expanded">
<i class="material-icons">add_circle</i>
</router-link>
<router-link to="/bookmark" class="navbar-item is-expanded">
<router-link to="/bookmark" class="navbar-item is-primary is-expanded">
<i class="material-icons">bookmark</i>
</router-link>
<router-link to="/profil" class="navbar-item is-expanded">
<router-link to="/profil" class="navbar-item is-primary is-expanded">
<i class="material-icons">person</i>
</router-link>
</div>
@ -39,4 +39,5 @@ const routes = [
const router = new VueRouter({
routes,
linkActiveClass: 'is-active'
});