Update group navigation link style.

This commit is contained in:
Guo Xiang Tan 2018-03-27 13:52:28 +08:00
parent 2ecd234e27
commit 68ae009f98
5 changed files with 15 additions and 19 deletions

View File

@ -1,5 +1,5 @@
<div class='group-activity container'>
{{#mobile-nav class='group-activity-nav' desktopClass="pull-left nav nav-stacked" currentPath=application.currentPath}}
{{#mobile-nav class='group-activity-nav group-navigation' desktopClass="pull-left nav nav-stacked" currentPath=application.currentPath}}
{{group-activity-filter filter="posts" categoryId=category_id}}
{{group-activity-filter filter="topics" categoryId=category_id}}
{{#if siteSettings.enable_mentions}}

View File

@ -1,5 +1,5 @@
<div class='group-manage container'>
{{#mobile-nav class='group-manage-nav' desktopClass='pull-left nav nav-stacked' currentPath=application.currentPath}}
{{#mobile-nav class='group-navigation' desktopClass='pull-left nav nav-stacked' currentPath=application.currentPath}}
{{#each tabs as |tab|}}
<li>
{{#link-to tab.route model.name}}

View File

@ -1,5 +1,6 @@
<div class='group-activity container'>
{{#mobile-nav class='group-messages-nav' desktopClass='pull-left nav nav-stacked' currentPath=application.currentPath}}
{{#mobile-nav class='group-navigation' desktopClass='pull-left nav nav-stacked' currentPath=application.currentPath}}
<li>
{{#link-to 'group.messages.inbox' model.name}}
{{i18n 'user.messages.inbox'}}

View File

@ -20,10 +20,7 @@
margin-bottom: 20px;
}
.group-activity-nav,
.group-messages-nav,
.group-manage-nav
{
.group-navigation {
width: 15%;
background-color: transparent;
@ -31,17 +28,18 @@
border: none;
a {
color: dark-light-choose($primary-medium, $secondary-high);
padding: 8px 13px;
}
a.active {
background-color: transparent;
font-weight: bold;
color: $primary;
}
&.active {
background-color: transparent;
font-weight: bold;
color: $primary;
a.active:after {
display: none;
&:after {
display: none;
}
}
}
}
}

View File

@ -27,10 +27,7 @@
position: relative;
}
.group-activity-nav,
.group-messages-nav,
.group-manage-nav
{
.group-navigation {
&.mobile-nav {
position: absolute;
right: 0;