taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #250 from taigaio/fix-ie11 

Fix ie11
stable
Xaviju 2015-01-15 16:58:34 +01:00
parent 763e5d0879 de90811a94
commit cde8925ab0
7 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/coffee/modules/common/lightboxes.coffee
View File

@ -29,11 +29,21 @@ debounce = @.taiga.debounce
## Common Lightbox Services
#############################################################################
# the lightboxContent hide/show doesn't have sense because is an IE hack
class LightboxService extends taiga.Service
constructor: (@animationFrame) ->
open: ($el) ->
lightboxContent = $el.children().not(".close")
lightboxContent.hide()
$el.css('display', 'flex')
$el.find('input,textarea').first().focus()
timeout(70, -> $el.addClass("open"))
@animationFrame.add =>
$el.addClass("open")
lightboxContent.show()
docEl = angular.element(document)
docEl.on "keydown.lightbox", (e) =>
@ -56,7 +66,7 @@ class LightboxService extends taiga.Service
@.close($(lightboxEl))
module.service("lightboxService", LightboxService)
module.service("lightboxService", ["animationFrame", LightboxService])
class LightboxKeyboardNavigationService extends taiga.Service

14
app/styles/layout/base.scss
View File

@ -94,20 +94,20 @@ body {
.menu-secondary {
background: $whitish;
flex: 1;
flex: 0 0 auto;
min-height: 100vh;
min-width: 0;
padding: 2rem 1rem;
width: 260px;
width: 320px;
&.filters-bar {
flex: 0;
flex: 0 0 auto;
padding: 0;
transition: all .2s linear;
width: 0;
&.active {
flex: 1;
padding: 2em 1em;
transition: all .2s linear;
width: 210px;
width: 260px;
.filters-inner {
opacity: 1;
transition: all .4s ease-in;
@ -118,8 +118,10 @@ body {
.menu-tertiary {
background-color: $dark-grayish-lime-green;
flex: 1;
flex: 0 0 auto;
min-height: 100vh;
padding: 2em 1em;
width: 255px;
}
.extrabar {

4
app/styles/layout/issues.scss
View File

@ -1,7 +1,7 @@
.issues {
.filters-bar {
flex: 1;
width: 210px;
flex: 0 0 auto;
width: 260px;
}
.filters-inner {
opacity: 1;

2
app/styles/modules/backlog/taskboard-table.scss
View File

@ -58,10 +58,10 @@ $column-margin: 0 10px 0 0;
}
.task-colum-name {
@extend %large;
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
@include table-flex();
background: $whitish;
border-top: 3px solid $gray-light;
flex: auto 0 auto;
justify-content: space-between;
margin: $column-margin;
max-width: $column-width;

6
app/styles/modules/common/nav.scss
View File

@ -12,12 +12,12 @@
}
.logo-container {
cursor: pointer;
margin: 20% 20% .7rem;
padding: 15px 15px 10px;
object,
img,
svg {
height: 100%;
width: 100%;
height: 50px;
width: 50px;
}
span {
@extend %large;

3
app/styles/modules/common/related-tasks.scss
View File

@ -202,6 +202,9 @@
display: flex;
img {
flex-basis: 35px;
/* width & height they are only required for IE */
height: 35px;
width: 35px;
}
figcaption {
margin-left: .5rem;

4
app/styles/modules/kanban/kanban-table.scss
View File

@ -56,15 +56,17 @@ $column-margin: 0 10px 0 0;
}
.task-colum-name {
@extend %large;
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
@include table-flex();
background: $whitish;
border-top: 3px solid $gray-light;
flex: auto 0 auto;
justify-content: space-between;
margin: $column-margin;
max-width: $column-width;
padding: .5rem .5rem .5rem 1rem;
position: relative;
text-transform: uppercase;
width: $column-width;
&:last-child {
margin-right: 0;
}