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) { click(e) {
if ($(e.target).parents("#topic-progress").length) { if ($(e.target).closest("#topic-progress").length) {
this.send("toggleExpansion"); this.send("toggleExpansion");
} }
}, },

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

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