Wp title, toolbar and breadcrumb adapted

pull/6774/head
Inga Mai 6 years ago
parent 7daf988bf0
commit 0332a4d779
  1. 2
      app/assets/stylesheets/content/work_packages/fullscreen/_back_button.sass
  2. 14
      app/assets/stylesheets/layout/_breadcrumb.sass
  3. 18
      app/assets/stylesheets/layout/work_packages/_full_view.sass

@ -1,5 +1,5 @@
.wp-show--back-button .wp-show--back-button
width: 90px min-width: 90px
height: 34px height: 34px
a a
padding: 0 padding: 0

@ -98,18 +98,13 @@ ul.breadcrumb
height: initial height: initial
li li
line-height: 20px line-height: 20px
max-width: 420px max-width: 100%
@include text-shortener @include text-shortener
&:first-child &:first-child
&:before &:before
display: none display: none
// This is ugly. However, this way we do not need to touch complicated
// toolbar-container positioning.
body.action-show .wp-breadcrumb
margin-bottom: -10px
// Hide projects in normal mode // Hide projects in normal mode
body:not(.accessibility-mode) .breadcrumb .breadcrumb-project-element body:not(.accessibility-mode) .breadcrumb .breadcrumb-project-element
display: none display: none
@ -121,10 +116,3 @@ body:not(.accessibility-mode) .breadcrumb .breadcrumb-project-element
margin: 10px 0 0 0 !important margin: 10px 0 0 0 !important
ul.breadcrumb ul.breadcrumb
line-height: 1.25 line-height: 1.25
li
display: inline
float: unset
line-height: inherit
white-space: normal
margin: 0 10px 0 0

@ -40,7 +40,8 @@ body.controller-work_packages.full-create
#toolbar #toolbar
display: flex display: flex
margin-right: 10px flex-wrap: wrap-reverse
justify-content: flex-end
@include clearfix @include clearfix
.toolbar-container .toolbar-container
@ -48,21 +49,13 @@ body.controller-work_packages.full-create
ul#toolbar-items ul#toolbar-items
@include clearfix @include clearfix
position: absolute
right: 20px
button
margin-bottom: 0
li li
float: left float: left
position: relative position: relative
&.toolbar-item:first-of-type
margin-left: 0
&.toolbar-item &.toolbar-item
margin: 0 5px margin: 0 10px 6px 0
&:last-child &:last-child
margin-right: 0 margin-right: 0
@ -77,7 +70,6 @@ body.controller-work_packages.full-create
ul#toolbar-items, ul.subject-header ul#toolbar-items, ul.subject-header
list-style-type: none list-style-type: none
padding: 0
li li
margin: 0 margin: 0
@ -189,13 +181,11 @@ body.controller-work_packages.full-create
width: 100% width: 100%
@media only screen and (min-width: 679px) @media only screen and (min-width: 679px)
display: flex display: flex
flex-wrap: wrap flex: 1 1 auto
margin-bottom: 6px margin-bottom: 6px
.subject-header .subject-header
margin: 0 margin: 0
padding: 0
flex-basis: 100%
.wp-table--cell-span .wp-table--cell-span
white-space: normal white-space: normal

Loading…
Cancel
Save