safari bugfixes

This commit is contained in:
Felix Niklas 2014-10-07 21:04:00 +02:00
parent e0c934d7b2
commit 8cb885cbb6
3 changed files with 50 additions and 30 deletions

View file

@ -102,12 +102,12 @@ class App.Controller extends Spine.Controller
# show navigation # show navigation
navShow: -> navShow: ->
return if $('#navigation').is(':visible') return if $('#navigation').is(':visible')
$('#navigation').attr('style', 'display: flex!important') $('#navigation').removeClass('hide')
# hide navigation # hide navigation
navHide: -> navHide: ->
return if !$('#navigation').is(':visible') return if !$('#navigation').is(':visible')
$('#navigation').attr('style', 'display: none!important') $('#navigation').addClass('hide')
scrollTo: ( x = 0, y = 0, delay = 0 ) -> scrollTo: ( x = 0, y = 0, delay = 0 ) ->
a = -> a = ->
@ -428,14 +428,14 @@ class App.Controller extends Spine.Controller
class App.ControllerPermanent extends App.Controller class App.ControllerPermanent extends App.Controller
constructor: -> constructor: ->
super super
$('.content').attr('style', 'display: none!important') $('.content').addClass('hide');
@navShow() @navShow()
class App.ControllerContent extends App.Controller class App.ControllerContent extends App.Controller
constructor: -> constructor: ->
super super
$('.content').attr('style', 'display: none!important') $('.content').addClass('hide');
$('#content').attr('style', 'display: flex!important') $('#content').removeClass('hide');
@navShow() @navShow()
class App.ControllerModal extends App.Controller class App.ControllerModal extends App.Controller

View file

@ -151,23 +151,18 @@ class _taskManagerSingleton extends App.Controller
$('#content').empty() $('#content').empty()
# hide all tasks # hide all tasks
$('.content').attr('style', 'display: none!important') $('.content').addClass('hide')
#$('.content').hide()
$('.content').removeClass('active') $('.content').removeClass('active')
# create div for task if not exists # create div for task if not exists
if !$("#content_permanent_#{key}")[0] if !$("#content_permanent_#{key}")[0]
$('#app').append('<div id="content_permanent_' + key + '" class="content flex"></div>') $('#app').append('<div id="content_permanent_' + key + '" class="content horizontal flex"></div>')
# set task to shown and active # set task to shown and active
if @activeTask is key if @activeTask is key
#$('#content_permanent_' + key ).show() $('#content_permanent_' + key).removeClass('hide')
$('#content_permanent_' + key).attr('style', 'display: flex!important')
$('#content_permanent_' + key ).addClass('active')
else else
#$('#content_permanent_' + key ).hide() $('#content_permanent_' + key).addClass('hide')
$('#content_permanent_' + key).attr('style', 'display: none!important')
$('#content_permanent_' + key ).removeClass('active')
# set all tasks to active false, only new/selected one to active # set all tasks to active false, only new/selected one to active
if active if active

View file

@ -160,8 +160,10 @@ span[data-tooltip]:after {
content: ""; content: "";
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
-webkit-transform: scale(0);
transform: scale(0); transform: scale(0);
opacity: 0; opacity: 0;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.34,1.6,0.71,1), opacity 300ms;
transition: transform 300ms cubic-bezier(0.34,1.6,0.71,1), opacity 300ms; transition: transform 300ms cubic-bezier(0.34,1.6,0.71,1), opacity 300ms;
} }
a[data-tooltip]:before, a[data-tooltip]:before,
@ -177,6 +179,7 @@ span[data-tooltip]:before {
padding: 0 13px; padding: 0 13px;
content: attr(data-tooltip); content: attr(data-tooltip);
white-space: nowrap; white-space: nowrap;
-webkit-transform-origin: 17px 26px;
transform-origin: 17px 26px; transform-origin: 17px 26px;
} }
a[data-tooltip]:after, a[data-tooltip]:after,
@ -187,6 +190,7 @@ span[data-tooltip]:after {
border-top: 7px solid #c6c6c5; border-top: 7px solid #c6c6c5;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
-webkit-transform-origin: 4px 0;
transform-origin: 4px 0; transform-origin: 4px 0;
} }
a[data-tooltip]:hover:after, a[data-tooltip]:hover:after,
@ -198,6 +202,7 @@ span[data-tooltip]:hover:before {
pointer-events: auto; pointer-events: auto;
transform: scale(1); transform: scale(1);
opacity: 1; opacity: 1;
-webkit-transition: -webkit-transform 300ms 1.5s cubic-bezier(0.34,1.6,0.71,1), opacity 300ms 1.5s;
transition: transform 300ms 1.5s cubic-bezier(0.34,1.6,0.71,1), opacity 300ms 1.5s; transition: transform 300ms 1.5s cubic-bezier(0.34,1.6,0.71,1), opacity 300ms 1.5s;
} }
@ -472,6 +477,9 @@ textarea,
transition: none; transition: none;
box-shadow: none; box-shadow: none;
outline: none; outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
.form-control:focus, .form-control:focus,
@ -491,6 +499,18 @@ textarea,
background: none; background: none;
} }
select.form-control {
padding-left: 10px;
padding-right: 10px;
}
select.form-control + .select-arrow {
position: absolute;
right: 12px;
top: 50%;
margin-top: -3px;
}
.has-error .form-control, .has-error .form-control,
.has-error .form-control:focus, .has-error .form-control:focus,
.has-error .form-control.focus { .has-error .form-control.focus {
@ -691,6 +711,7 @@ ol.tabs li {
padding: 10px 20px; padding: 10px 20px;
text-align: center; text-align: center;
border-right: 1px solid rgba(0,8,14,.08); border-right: 1px solid rgba(0,8,14,.08);
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
@extend .u-clickable; @extend .u-clickable;
} }
@ -2011,6 +2032,7 @@ footer {
height: 40px; height: 40px;
padding: 0 15px; padding: 0 15px;
color: #2594d4; color: #2594d4;
display: -webkit-flex;
display: flex; display: flex;
} }
@ -2089,6 +2111,7 @@ footer {
.nav-pills > li > a { .nav-pills > li > a {
padding: 0; padding: 0;
height: 40px; height: 40px;
display: -webkit-flex;
display: flex; display: flex;
color: #0f94d6; color: #0f94d6;
line-height: 39px; line-height: 39px;
@ -2388,12 +2411,14 @@ footer {
.form-inline .form-group { .form-inline .form-group {
overflow: hidden; overflow: hidden;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
position: relative; position: relative;
height: 60px; height: 60px;
} }
.ticket-attributes.form-inline .form-group:last-child { .ticket-attributes.form-inline .form-group:last-child {
-webkit-flex-grow: 0;
flex-grow: 0; flex-grow: 0;
} }
@ -2465,9 +2490,6 @@ footer {
display: block; display: block;
border-radius: 0; border-radius: 0;
background: none; background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
.bulkAction-secondStep .form-group { .bulkAction-secondStep .form-group {
@ -2477,6 +2499,7 @@ footer {
.bulkAction-secondStep .form-inline .textarea.form-group { .bulkAction-secondStep .form-inline .textarea.form-group {
padding: 0 10px; padding: 0 10px;
height: auto; height: auto;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
} }
@ -3266,6 +3289,7 @@ footer {
vertical-align: top; vertical-align: top;
margin-right: 9px; margin-right: 9px;
margin-top: 10px; margin-top: 10px;
-webkit-transform: scale(1.2);
transform: scale(1.2); transform: scale(1.2);
} }
@ -3764,6 +3788,7 @@ footer {
position: fixed; position: fixed;
right: 0; right: 0;
top: 0; top: 0;
-webkit-transform: translateY(-64px);
transform: translateY(-64px); transform: translateY(-64px);
} }