Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve "hit area" for topic progress bar on mobile (#6442) 

* Improve "hit area" for topic progress bar on mobile

* Only target admin wrench on mobile
This commit is contained in:
Penar Musaraj 2018-10-02 12:26:16 -04:00 committed by Kris
parent 7228c4964c
commit 98aaad6675
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/components/topic-progress.js.es6
View File

@ -181,7 +181,7 @@ export default Ember.Component.extend({
},
click(e) {
if ($(e.target).parents("#topic-progress").length) {
if ($(e.target).closest("#topic-progress").length) {
this.send("toggleExpansion");
}
},

14
app/assets/stylesheets/mobile/topic.scss
View File

@ -61,6 +61,12 @@
bottom: 0;
z-index: z("timeline");
margin-right: 148px;
.topic-admin-menu-button-container {
top: 43px;
.toggle-admin-menu {
height: 43px;
}
}
}
#topic-progress-expanded {
@ -104,6 +110,10 @@
}
}
.progress-back-container {
bottom: 43px;
}
#topic-progress {
position: relative;
&.hidden {
@ -114,14 +124,14 @@
border: 1px solid $tertiary-low;
border-bottom: none;
width: 145px;
height: 46px;
height: 42px;
/* as a big ol' click target, don't let text inside be selected */
@include unselectable;
.nums {
position: relative;
top: 13px;
top: 12px;
width: 100%;
text-align: center;
z-index: z("base");