pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove portfolio dropdown from topbar nav

Browse Source
This commit is contained in:
Patrick Smith 2019-02-05 20:49:07 -05:00
parent 612b889193
commit 2b18c7e689
2 changed files with 1 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
styles/components/_topbar.scss
View File

@ -61,53 +61,6 @@
.topbar__portfolio-menu { .topbar__portfolio-menu {
margin-right: auto; margin-right: auto;
position: relative; position: relative;
.topbar__portfolio-menu__toggle {
margin: 0;
border-radius: 0;
&--open {
background-color: $color-blue-darkest;
position: relative;
&::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: $gap * 2;
right: $gap * 2;
height: $gap / 2;
background-color: $color-primary;
}
}
.icon {
@include icon-size(10);
margin-left: $gap * 2;
}
}
.topbar__portfolio-menu__panel {
position: absolute;
}
}
&.topbar__context--portfolio {
background-color: $color-primary;
-ms-flex-pack: start;
.topbar__link {
color: $color-white;
.topbar__link-icon {
@include icon-style-inverted;
}
&:hover {
background-color: $color-primary-darker;
}
}
} }
} }
} }

45
templates/navigation/topbar.html
View File

@ -9,50 +9,7 @@
</span> </span>
</a> </a>
<div class="topbar__context {% if portfolio %}topbar__context--portfolio{% endif %}"> <div class="topbar__context">
{% if portfolio %}
<div is='toggler' class='topbar__portfolio-menu'>
<template slot-scope='props'>
<button
v-on:click='props.toggle'
class="topbar__link topbar__portfolio-menu__toggle"
v-bind:class="{ 'topbar__portfolio-menu__toggle--open': props.isVisible }">
<span class="topbar__link-label">{{ "navigation.topbar.named_portfolio" | translate({ "portfolio": portfolio.name }) }}</span>
<template v-if='props.isVisible'>{{ Icon('caret_up', classes='topbar__link-icon') }}</template>
<template v-else>{{ Icon('caret_down', classes='topbar__link-icon') }}</template>
</button>
<div v-show='props.isVisible' class='topbar__portfolio-menu__panel menu'>
<h2 class='menu__heading'>
{{ "navigation.topbar.other_active_portfolios" | translate }}
</h2>
{% if portfolios %}
<ul class='menu__list'>
{% for other_portfolio in portfolios %}
<li class='menu__list__item'>
<a href="{{ url_for('portfolios.show_portfolio', portfolio_id=other_portfolio.id)}}">
{{ other_portfolio.name }}
{{ Icon('caret_right', classes='topbar__link-icon') }}
</a>
</li>
{% endfor %}
</ul>
{% else %}
<p class='menu__message'>
{{ "navigation.topbar.no_other_active_portfolios" | translate }}
</p>
{% endif %}
</div>
</template>
</div>
{% endif %}
{% if g.current_user %} {% if g.current_user %}
<a href="{{ url_for('users.user') }}" class="topbar__link"> <a href="{{ url_for('users.user') }}" class="topbar__link">
<span class="topbar__link-label">{{ g.current_user.first_name + " " + g.current_user.last_name }}</span> <span class="topbar__link-label">{{ g.current_user.first_name + " " + g.current_user.last_name }}</span>