Re-adding inbound/outbound arrows (Was CSS: Middle)
-
Middle
-
-
Before:
-
After:
-
ooooh! @accalia likes whwere this os going!
-
I've finished.
Noticed the now lack of them mentioned in passing while catching up on old threads, and forgot it had been removed.
-
Not convinced I have the right icons though - would have preferred diagonal ones (NE for outgoing, SW for incoming) but there aren't any
-
fa-plane and fa-plane fa-rotate-180 ? :P
-
Aaaand local CSS disabled. Nice. I like it.
http://what.thedailywtf.com/uploads/default/15926/32c52c6c7e11d89f.png
-
-
.fa-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
should do it.
another option:
.outbound:before { font-family: "FontAwesome"; content: "\2b08 "; } .inbound:before { font-family: "FontAwesome"; content: "\2b0b "; }
(taking unicode characters from here: http://unicode-table.com/en/blocks/miscellaneous-symbols-and-arrows/)
-
Is it me or does that look like a girl with a big afro hairdo?
-
It's just you.
-
/me puzzled at the renaming of the topic by @HardwareGeek....
-
Misguided spelling correction? A weird attempt at being funny?
Stay tuned for the epic conclusion!
-
Misguided spelling correction?
Still not valid CSS! Now, if it were CSS
vertical-align: middle
...
-
-
-
// This is used to flip the .fa-caret-right icon @mixin rotate( $degrees ) { -webkit-transform: rotate(#{$degrees}deg); -moz-transform: rotate(#{$degrees}deg); -ms-transform: rotate(#{$degrees}deg); -o-transform: rotate(#{$degrees}deg); transform: rotate(#{$degrees}deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)}); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})"; zoom: 1; } .outbound:before { font-family: "FontAwesome"; content: "\2b08 "; @include rotate(45); } .inbound:before { font-family: "FontAwesome"; content: "\2b0b "; @include rotate(-45); }
-
I think it (since I hadn't seen it recently) needs to match the notifications:
I'd somehow missed them from the cheat sheet originally...
-
Looks a bit clearer now, especially on zoom <100%
Before:
After:
-