Last active
May 23, 2017 10:37
-
-
Save absent1706/6d12f2e331a69809e6fa98f8026acc5d to your computer and use it in GitHub Desktop.
Mediabody-oneline-fix: https://jsfiddle.net/1abmrnc7/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* If you have | |
* .oneline { | |
* overflow: hidden; | |
* white-space: nowrap; | |
* text-overflow: ellipsis | |
* } | |
* | |
* inside Bootstrap's .media-body, i.g.: | |
* | |
* <div class="media-left"> | |
* Left stuff | |
* </div> | |
* <div class="media-body"> | |
* <div class="oneline">long-long-long-text-you-cut-with-.oneline-class</div> | |
* </div> | |
* | |
* Then you will have a problems: text will NOT be cutted: http://www.qopy.me/dfTxOTteR3epImHQGPlznw | |
* This is a fix. Use it as: | |
* <div class="media-left"> | |
* dsfdsf | |
* </div> | |
* <div class="media-body mediabody-oneline-fix"> | |
* <div class="mediabody-oneline-fix__fix"> | |
* <div class="oneline"> | |
* long-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-longlong-long-long | |
* </div> | |
* </div> | |
* </div> | |
* | |
* See example at https://jsfiddle.net/1abmrnc7/ | |
*/ | |
// Downside: position: absolute | |
.mediabody-oneline-fix { | |
position: relative; | |
&__fix { | |
position: absolute; | |
left: 0; | |
right: 0; | |
//top: 0; | |
//bottom: 0; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment