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

Merge pull request #316 from astagi/feature/popoverarrowheight 

Add arrow-height parameter to popover mixin and fix height in points per role
stable
Xaviju 2015-02-04 08:07:41 +01:00
parent a4b10210a7 1eb1a393d5
commit 92513cbc5a
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/styles/dependencies/mixins.scss
View File

@ -31,7 +31,7 @@
background: rgba($red, $green, $blue, $opacity); background: rgba($red, $green, $blue, $opacity);
} }
@mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '') { @mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '', $arrow-height: 15px) {
@extend %text; @extend %text;
background: $blackish; background: $blackish;
bottom: #{$bottom}; bottom: #{$bottom};
@ -67,7 +67,7 @@
background: $blackish; background: $blackish;
bottom: #{$arrow-bottom}; bottom: #{$arrow-bottom};
content: ''; content: '';
height: 15px; height: #{$arrow-height};
left: #{$arrow-left}; left: #{$arrow-left};
position: absolute; position: absolute;
top: #{$arrow-top}; top: #{$arrow-top};

4
app/styles/layout/us-detail.scss
View File

@ -305,7 +305,7 @@
text-align: center; text-align: center;
} }
.popover { .popover {
@include popover(200px, $top: 105%, $left: 35%, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 10px); @include popover(200px, $top: 105%, $left: 35%, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 10px, $arrow-height: 10px);
li { li {
display: inline-block; display: inline-block;
width: 23%; width: 23%;
@ -320,7 +320,7 @@
} }
} }
&.fix { &.fix {
@include popover(200px, $top: 105%, $left: -160px, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 90%); @include popover(200px, $top: 105%, $left: -160px, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 90%, $arrow-height: 10px);
} }
} }
} }