.social-shelf-tags {
list-style: none;
padding: 0;
- margin: 10px 0;
- @include min-screen($S_BOOK_SHORT_FULL) {
- position: absolute;
- top: 134px;
- left: 152px;
- padding: 10px 10px 5px 10px;
- margin: 10px 0;
- width: 310px;
- overflow: hidden;
+ position: absolute;
+ top: 10px;
+ right: 50px;
text-overflow: ellipsis;
white-space: nowrap;
- &:hover {
- overflow: visible;
- text-overflow: ellipsis;
- white-space: normal;
- z-index: 1000;
- background: #fff;
- box-shadow: 0 0 2px #ddd;
- }
- }
-
li {
display: inline-block;
margin-right: .5em;