QA switchBackToUser
This commit is contained in:
parent
01e759949f
commit
228177110b
3 changed files with 30 additions and 16 deletions
|
@ -1,6 +1,6 @@
|
|||
class Widget extends App.Controller
|
||||
events:
|
||||
'click .close': 'switchBack'
|
||||
'click .js-close': 'switchBack'
|
||||
|
||||
constructor: ->
|
||||
super
|
||||
|
@ -19,12 +19,12 @@ class Widget extends App.Controller
|
|||
# if no switch to user is active
|
||||
if !App.Config.get('switch_back_to_possible') || _.isEmpty( App.Session.all() )
|
||||
@el.html('')
|
||||
$('#app').removeClass('switch-back-to-user-space')
|
||||
$('#app').removeClass('switchBackToUserSpace')
|
||||
return
|
||||
|
||||
# show switch back widget
|
||||
@html App.view('widget/switch_back_to_user')()
|
||||
$('#app').addClass('switch-back-to-user-space')
|
||||
$('#app').addClass('switchBackToUserSpace')
|
||||
|
||||
switchBack: (e) =>
|
||||
e.preventDefault()
|
||||
|
|
|
@ -1,4 +1,10 @@
|
|||
<div class="switch-back-to-user fit">
|
||||
<%- @T('Zammad looks like this for "%s"', @S('firstname') + ' ' + @S('lastname') ) %>
|
||||
<a href="#" class="close icon "></a>
|
||||
<div class="switchBackToUser fit horizontal center">
|
||||
<div class="switchView icon"></div>
|
||||
<div class="switchBackToUser-text"><%- @T('Zammad looks like this for "%s"', @S('firstname') + ' ' + @S('lastname') ) %></div>
|
||||
<div class="align-right horizontal center js-close u-clickable">
|
||||
<%- @T('Back to my Overview') %>
|
||||
<div class="switchBackToUser-close centered">
|
||||
<span class="white close icon"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -1617,7 +1617,7 @@ footer {
|
|||
}
|
||||
|
||||
.search {
|
||||
padding: 10px 15px 10px 10px;
|
||||
padding: 14px 15px 10px 10px;
|
||||
border-bottom: 1px solid rgba(240, 250, 255, .05);
|
||||
}
|
||||
|
||||
|
@ -3071,17 +3071,25 @@ footer {
|
|||
font-size: inherit;
|
||||
}
|
||||
|
||||
.switch-back-to-user {
|
||||
position: absolute;
|
||||
background-color: #389ed9;
|
||||
.switchBackToUser.fit {
|
||||
background: hsl(200,87%,45%);
|
||||
color: #fff;
|
||||
height: 34px;
|
||||
z-index: 1;
|
||||
padding: 8px 9px;
|
||||
top: -34px;
|
||||
height: 45px;
|
||||
padding: 0 17px;
|
||||
top: -45px;
|
||||
border-bottom: 5px solid hsl(205,90%,60%);
|
||||
}
|
||||
.switch-back-to-user-space {
|
||||
top: 34px;
|
||||
.switchBackToUser-text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.switchBackToUser-close {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
#app.switchBackToUserSpace {
|
||||
top: 45px;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
Loading…
Reference in a new issue