github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-28 04:43:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: fix alignment on topic progress bar and remove some magic numbers

Browse Source
This commit is contained in:
Kris 2019-10-01 11:45:51 -04:00
parent 94ab48c616
commit f7923958e2
2 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/assets/stylesheets/common/base/topic.scss
View File

@ -23,28 +23,29 @@
animation-name: button-jump-up; animation-name: button-jump-up;
width: 145px; width: 145px;
text-align: center; text-align: center;
position: relative;
margin-bottom: 0px; margin-bottom: 0px;
position: absolute;
right: 0;
top: -2em;
.btn { .btn {
margin: 0; margin: 0;
} }
} }
#topic-progress-wrapper { #topic-progress-wrapper {
display: flex;
.topic-admin-menu-button-container { .topic-admin-menu-button-container {
position: absolute; display: flex;
bottom: 0px; > span {
left: -38px; display: flex;
width: 0px;
.widget-button {
height: 35px;
border-right: 1px solid dark-light-diff($primary, $secondary, 80%, -70%);
} }
} }
.topic-admin-popup-menu.right-side { .topic-admin-popup-menu.right-side {
position: relative; position: absolute;
right: 50px; bottom: 0;
right: 0;
left: auto; left: auto;
transition: bottom 0.5s;
transform: translateZ( transform: translateZ(
0 0
); // iOS11 Rendering bug https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297 ); // iOS11 Rendering bug https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297

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

@ -50,17 +50,12 @@
#topic-progress-wrapper { #topic-progress-wrapper {
position: fixed; position: fixed;
width: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
z-index: z("timeline"); z-index: z("timeline");
margin-right: 148px;
&:not(.docked) { &:not(.docked) {
margin-bottom: env(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);
} }
.topic-admin-menu-button-container .toggle-admin-menu {
height: 43px;
}
} }
#topic-progress-expanded { #topic-progress-expanded {