more css changes

main
Barış Soner Uşaklı 4 years ago
parent 825922a857
commit a48409bfbe

@ -522,6 +522,9 @@
.pagination-text { .pagination-text {
color: @text-color; color: @text-color;
position: relative;
top: -3px;
font-weight: bolder;
} }
&.ready { &.ready {
@ -540,7 +543,7 @@
width: 475px; width: 475px;
li { li {
padding: 10px; padding: 15px;
} }
.post-content { .post-content {
height: 350px; height: 350px;
@ -548,15 +551,13 @@
} }
.scroller-container { .scroller-container {
height: 300px; height: 300px;
.scroller-line { border-right: 3px solid @gray-lighter;
width: 3px; margin-right: 3px;
height: 300px;
margin-left: 3px;
background-color: @gray-lighter;
}
.scroller-thumb { .scroller-thumb {
height: 30px; height: 30px;
position: relative;
right: -6px;
cursor: pointer; cursor: pointer;
.scroller-thumb-icon { .scroller-thumb-icon {
@ -572,7 +573,7 @@
user-select: none; user-select: none;
position: relative; position: relative;
top: -10px; top: -10px;
padding-left: 5px; padding-right: 10px;
} }
} }
} }

@ -12,20 +12,19 @@
<li> <li>
<div class="row"> <div class="row">
<div class="col-xs-8 post-content"></div> <div class="col-xs-8 post-content"></div>
<div class="col-xs-4"> <div class="col-xs-4 text-right">
<span class="pointer pagetop"><i class="fa fa-angle-double-up"></i> [[topic:first-post]]</span> <div class="scroller-content">
<div class="scroller-container"> <span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
<div class="scroller-line"></div> <div class="scroller-container">
<div class="scroller-thumb"> <div class="scroller-thumb">
<div class="scroller-thumb-icon"></div> <span class="thumb-text"></span>
<span class="thumb-text"></span> <div class="scroller-thumb-icon"></div>
</div>
</div> </div>
<span class="pointer pagebottom">[[topic:last-post]] <i class="fa fa-angle-double-down"></i></span>
</div> </div>
<span class="pointer pagebottom"><i class="fa fa-angle-double-down"></i> [[topic:last-post]]</span>
</div> </div>
</div> </div>
</li>
<li>
<input type="text" class="form-control" id="indexInput" placeholder="[[global:pagination.enter_index]]"> <input type="text" class="form-control" id="indexInput" placeholder="[[global:pagination.enter_index]]">
</li> </li>
</ul> </ul>

Loading…
Cancel
Save