SanalAnsiklopedim ben summery eklentisi ile 200 karaktere göre yaptım. benimkinde gayet güzel görünüyor, başlık 2. satıra kaysa bile sıkıntı olmuyor. bu da güncel kod:
@media (max-width: 767px){
.DiscussionListItem-info .item-excerpt {
margin-right: -30px !important;
white-space: normal !important;
font-size: 14px !important;
margin-left: -40px !important;
line-height: 1.5em !important;
margin-bottom: 25px !important;
color: #3a3a3a !important;
display: block !important;
}
.DiscussionListItem-info {
white-space: nowrap;
overflow: unset !important;
text-overflow: ellipsis;
}
.item-discussion-views {
font-size: 14px;
float: right;
width: 10px;
margin-right: -30px;
}
.DiscussionListItem-count:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
content: "\f075";
float: left;
margin-left: -21px;
margin-top: 3px;
}
.item-discussion-views:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-size: inherit;
text-rendering: auto;
content: "\f06e";
float: left;
margin-left: -21px;
margin-top: 1px;
}
.item-discussion-views {
margin-right: -30px !important;
}
.DiscussionListItem-info>.item-tags {
margin-right: 4px;
opacity: 1;
position: absolute;
right: 10px;
bottom: 12px;
}
.item-discussion-views {
font-size: 14px;
bottom: 7px;
left: 35px;
color: #808080;
position: absolute;
}
.DiscussionListItem-count {
margin-right: -35px;
background: transparent;
color: #808080;
border-radius: 4px;
font-size: 14px;
position: absolute;
bottom: 6px;
font-weight: bold;
left: 25%;
padding: 2px 6px;
}
.DiscussionListItem-badges {
margin-left: 0px;
position: absolute;
width: 38px;
right: 10px;
}
.DiscussionListItem-content {
padding-left: 60px;
padding-right: 50px;
margin: 5px;
margin-bottom: 10px;
border-radius: 6px;
box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.2);
}
.DiscussionListItem-main {
min-height: 100px;
}
.unread .DiscussionListItem-count:before {
color: #feb630;
}
.unread .DiscussionListItem-count {
background: transparent !important;
color: #feb630 !important;
}
}
