switch to user css changes

This commit is contained in:
Felix Niklas 2015-06-09 10:47:20 +02:00
parent 82349b4ac1
commit 1c1bf347bb
3 changed files with 12 additions and 13 deletions

View file

@ -1,4 +1,5 @@
class Widget extends App.Controller
className: 'switchBackToUser'
events:
'click .js-close': 'switchBack'

View file

@ -1,10 +1,8 @@
<div class="switchBackToUser">
<svg class="switchBackToUser-icon"><use xlink:href="#icon-switchView" /></svg>
<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">
<svg class="switchBackToUser-icon"><use xlink:href="#icon-switchView" /></svg>
<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 view') %>
<div class="switchBackToUser-close">
<svg class="icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
</div>
</div>
</div>

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 442 B

View file

@ -21,6 +21,7 @@ body {
color: hsl(198,19%,72%);
word-break: break-all;
display: flex;
flex-direction: column;
}
p {
@ -34,6 +35,10 @@ p {
color: #0F94D6;
}
.u-dontfold {
flex-shrink: 0;
}
a {
outline: none !important;
@extend .u-highlight;
@ -4048,7 +4053,6 @@ footer {
}
.switchBackToUser {
@extend .fit, .zIndex-7;
display: flex;
align-items: center;
background: hsl(200,87%,45%);
@ -4078,10 +4082,6 @@ footer {
}
}
#app.switchBackToUserSpace {
margin-top: 45px;
}
.modal {
position: fixed;
}