OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/app/assets/stylesheets/layout/_toolbar.sass

160 lines
3.8 KiB

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
//++
@mixin query-select-dropdown-filter-select($color)
text-decoration: underline
color: $color
@mixin query-selection-link($color)
a
color: $color
font-weight: normal
text-decoration: none
.toolbar-container
height: $header-height
padding: 0
#toolbar
ul
margin: 0
padding: 0
float: right
li
list-style-type: none
#toolbar-items
li
float: left
&.toolbar-item
margin: 0 5px //$drop-nav-spacing // spacing between nav items
button
margin: 0.625rem 0 0
a.last, .last
margin-right: 0
.title-container
h2
border: 0
padding: 12px 0 0 0
span
color: $content-link-color
&:hover
text-decoration: underline
float: left
height: $header-height
padding: 0
ul
margin: 0
padding: 0
float: left
li
float: none
span.filter-selection
@include query-select-dropdown-filter-select($main-menu-font-color)
.dropdown-scrollable
overflow-y: auto
max-height: 500px
#querySelectDropdown
min-width: 250px
border: 1px solid #dddddd
box-shadow: 1px 1px 4px #cccccc
background: #ffffff
padding: 3px 0
.query-menu-container
float: left
clear: both
width: 100%
display: block
ul.query-menu
width: 100%
margin: 0 0 10px 0
float: left
li
color: $main-menu-font-color
padding: 4px 25px
display: block
@include query-selection-link($drop-down-unselected-font-color)
&.selected
background: $drop-down-selected-bg-color
@include query-selection-link($drop-down-selected-font-color)
&:hover
@include query-selection-link($drop-down-unselected-font-color)
span.filter-selection
@include query-select-dropdown-filter-select($drop-down-unselected-font-color)
span.filter-selection
@include query-select-dropdown-filter-select($drop-down-selected-font-color)
&:hover
background: #f0f0f0
.search-query-wrapper
padding: 15px
input
box-sizing: border-box
margin: 0 auto
width: 100%
min-width: 250px
height: 30px
line-height: 30px
background: #ffffff
border: 1px solid #cacaca
color: #222222
border-radius: 2px
.title-group-header
padding: 0 15px 0 15px
font-weight: bold
text-transform: uppercase
#magnifier
position: absolute
top: 24px
right: 22px
color: #999999
input[type="search"]::-webkit-search-cancel-button
display: none
.text
cursor: pointer
i
float: right
color: #333333
padding-left: 5px
&:hover
text-decoration: none