Simplified top menu bar

This commit is contained in:
Christoph Haas 2018-06-18 17:17:42 +02:00
parent d96a105a50
commit 194c0370fb
2 changed files with 28 additions and 24 deletions

View file

@ -62,19 +62,22 @@ body
}
}
.top-bar-left .menu .menu-text
.top-bar-left
{
// Display the site name in a larger font
font-size: 26px;
padding: 8px 5px 3px 0;
color: $dark-gray;
font-weight: normal;
.menu .menu-text
{
// Display the site name in a larger font
font-size: 26px;
padding: 8px 5px 3px 0;
color: $dark-gray;
font-weight: normal;
}
// Extra space around the Linux distribution's logo
// img
// {
// padding: 0 5px;
// }
img
{
padding: 5px;
}
}
// Make thumbnails equally high
@ -383,11 +386,11 @@ a.black
width: inherit !important;
}
.top-bar-title a {
font-size: 1.8rem;
// .top-bar-title a {
// font-size: 1.8rem;
// font-weight: bold;
line-height: 1;
}
// line-height: 1;
// }
.button {
// box-shadow: 0px 0px 5px #000000;

View file

@ -1,18 +1,19 @@
nav.top-bar
.top-bar-left
ul.menu
li
img src="/images/logos/debian.svg" width="38" alt="Debian logo"
li.menu-text
a href='/'
// TODO: Make the logo depend on the virtual host
img src="/images/logos/debian.svg" width="35" alt="Debian logo"
// TODO: Use proper distribution name
' Debian Screenshots >
.top-bar-right
ul.dropdown.menu data-dropdown-menu=true
li class=('active' if controller_name=='welcome' and action_name=='home')
/ .top-bar-right
/ ul.menu
li.menu-text class=('active' if controller_name=='welcome' and action_name=='home')
a href="/" Home
li class=('active' if controller_name=='packages')
li.menu-text class=('active' if controller_name=='packages')
a href="/packages" Explore
//li.has-dropdown
//a href="#" Distributions
@ -22,23 +23,23 @@ nav.top-bar
//a href="#" Debian
//li
//a href="#" Ubuntu
li class=('active' if controller_name=='welcome' and action_name=='about')
li.menu-text class=('active' if controller_name=='welcome' and action_name=='about')
a href="/about" About
// Add link if user has uploaded screenshots
- if @current_users_screenshots and @current_users_screenshots.any?
li class=('active' if controller_name=='my' and action_name=='uploads')
li.menu-text class=('active' if controller_name=='my' and action_name=='uploads')
= link_to my_uploads_path
' My uploads
span.badge.secondary
= @current_users_screenshots.count
// TODO: Check correct classes in Zurb/Foundation for top bar!
- if user_signed_in? and current_user.is_admin?
li
li.menu-text
a href='#' Admin
/ ul.menu.vertical
/ li = link_to 'Moderate', moderate_path
/ li = link_to 'Logs', logs_path
li class=('active' if controller_name=='my')
li.menu-text class=('active' if controller_name=='my')
- if user_signed_in?
= link_to "My", my_profile_path
- else