Skip to content

Commit 6257fbc

Browse files
committed
Fixed minor issues on mobile
1 parent 0718288 commit 6257fbc

File tree

2 files changed

+12
-40
lines changed

2 files changed

+12
-40
lines changed

src/scss/base/_categories.scss

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,7 @@
2121
position: relative;
2222

2323
&::after {
24-
content: '';
25-
width: 3px;
26-
height: 3px;
27-
border-radius: 50%;
28-
background: $global-color_grey;
29-
position: absolute;
30-
display: block;
31-
right: -8px;
32-
margin-top: -2px;
33-
top: 50%;
24+
content: none
3425
}
3526
}
3627
}

src/scss/base/_discussions.scss

Lines changed: 11 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -81,13 +81,12 @@
8181
@media screen and (max-width: 768px) {
8282
.DataList.Discussions {
8383
li.ItemDiscussion {
84-
border-top: 1px solid $global-grey-bg;
85-
background-color: transparent;
84+
border-bottom: none;
85+
border-top: none;
86+
background-color: #f4f4f4;
87+
margin-bottom: 16px;
88+
padding: 18px 20px 0 25px!important;
8689
border-radius: 10px;
87-
padding: 19px 0 18px 0;
88-
border-radius: 0;
89-
margin-top: 0;
90-
position: relative;
9190

9291
&:first-child {
9392
border-top: none;
@@ -100,7 +99,7 @@
10099
.Options {
101100
position: absolute;
102101
top: 20px;
103-
right: 0;
102+
right: 5px;
104103
}
105104

106105
.Meta.Meta-Discussion {
@@ -119,31 +118,22 @@
119118

120119
&.status-container {
121120
.MCount,
122-
.Tag {
121+
.Tag, .MiddleDot {
123122
display: none;
124123
}
125124

126125
.MItem.Category {
127-
position: relative;
126+
display: none;
128127

129128
&::before {
130-
content: "";
131-
width: 3px;
132-
height: 3px;
133-
border-radius: 50%;
134-
background: $global-color_grey;
135-
position: absolute;
136-
display: block;
137-
left: -7px;
138-
margin-top: -2px;
139-
top: 50%;
129+
content: none;
140130
}
141131
}
142132

143133
}
144134

145135
&.view-comment-container {
146-
.MItem:not(.MCount),
136+
.MItem:not(.MCount,.MiddleDot),
147137
.Tag {
148138
display: none;
149139
}
@@ -152,16 +142,7 @@
152142
position: relative;
153143

154144
&::after {
155-
content: "";
156-
width: 3px;
157-
height: 3px;
158-
border-radius: 50%;
159-
background: $global-color_grey;
160-
position: absolute;
161-
display: block;
162-
right: -8px;
163-
margin-top: -2px;
164-
top: 50%;
145+
content: none;
165146
}
166147

167148
&.CommentCount {

0 commit comments

Comments
 (0)