Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

switch to user css changes

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/javascripts/app/controllers/widget/switch_back_to_user.js.coffee
View file

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

14
app/assets/javascripts/app/views/widget/switch_back_to_user.jst.eco
View file

@ -1,10 +1,8 @@
<div class="switchBackToUser"> <svg class="switchBackToUser-icon"><use xlink:href="#icon-switchView" /></svg>
<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="switchBackToUser-text"><%- @T('Zammad looks like this for "%s"', @S('firstname') + ' ' + @S('lastname') ) %></div> <div class="align-right horizontal center js-close u-clickable">
<div class="align-right horizontal center js-close u-clickable"> <%- @T('Back to my view') %>
<%- @T('Back to my view') %> <div class="switchBackToUser-close">
<div class="switchBackToUser-close"> <svg class="icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
<svg class="icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
</div>
</div> </div>
</div> </div>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 442 B

10
app/assets/stylesheets/zammad.css.scss
View file

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