chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Simplified top menu bar

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

33
app/assets/stylesheets/customisations.scss
View file

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

19
app/views/layouts/_topbar.slim
View file

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