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 hidden or 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