Show breadcrumb again && hide button labels

pull/6019/head
Henriette Dinger 7 years ago
parent 56c82f1848
commit eb24a9f84d
  1. 5
      app/assets/stylesheets/content/work_packages/fullscreen/_back_button.sass
  2. 15
      app/assets/stylesheets/layout/_breadcrumb.sass
  3. 2
      app/assets/stylesheets/layout/_work_package_mobile.sass
  4. 3
      frontend/app/components/routing/wp-show/wp.show.html
  5. 2
      frontend/app/components/work-packages/wp-watcher-button/wp-watcher-button.directive.html

@ -15,8 +15,9 @@
@media only screen and (max-width: 679px) @media only screen and (max-width: 679px)
// Move button in the current reverse order to front // Move button in the current reverse order to front
order: +1 position: absolute
padding-right: 0px top: 10px
z-index: 1
a a
width: 100% width: 100%

@ -117,3 +117,18 @@ body.action-show .wp-breadcrumb
// 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
@media only screen and (max-width: 679px)
wp-breadcrumb
margin-top: 40px
.wp-breadcrumb
margin: 10px 0 0 0
ul.breadcrumb
line-height: 1.25
li
display: inline
float: unset
line-height: inherit
white-space: normal
margin: 0 10px 0 0

@ -175,7 +175,5 @@
justify-content: flex-end justify-content: flex-end
.toolbar-item .toolbar-item
flex-grow: 0 flex-grow: 0
.wp-show--header-container
z-index: 2
.work-packages-full-view--split-container .work-packages-full-view--split-container
border-top: none border-top: none

@ -2,7 +2,7 @@
class="work-packages--show-view" class="work-packages--show-view"
ng-if="$ctrl.workPackage"> ng-if="$ctrl.workPackage">
<wp-breadcrumb work-package="$ctrl.workPackage" class="hidden-for-mobile"></wp-breadcrumb> <wp-breadcrumb work-package="$ctrl.workPackage"></wp-breadcrumb>
<div class="toolbar-container"> <div class="toolbar-container">
<div id="toolbar"> <div id="toolbar">
@ -42,7 +42,6 @@
locals="permittedActions,actionsAvailable,triggerMoreMenuAction" locals="permittedActions,actionsAvailable,triggerMoreMenuAction"
title="{{I18n.t('js.button_more')}}"> title="{{I18n.t('js.button_more')}}">
<op-icon icon-classes="button--icon icon-show-more"></op-icon> <op-icon icon-classes="button--icon icon-show-more"></op-icon>
<span class="button--text hidden-for-desktop">{{I18n.t('js.button_more')}}</span>
</button> </button>
</li> </li>
</ul> </ul>

@ -3,5 +3,5 @@
<op-icon icon-classes="button--icon {{vm.watchIconClass}}"></op-icon> <op-icon icon-classes="button--icon {{vm.watchIconClass}}"></op-icon>
<span class="button--text" ng-class="vm.showText ? '' : 'hidden-for-desktop'" ng-bind="vm.buttonText"></span> <span class="button--text" ng-if="vm.showText" ng-bind="vm.buttonText"></span>
</button> </button>

Loading…
Cancel
Save