#5761 closed defect (bug) (fixed)
Better responsive styles for translate.w.org
Reported by: | sumitsingh | Owned by: | ocean90 |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | Translate Site & Plugins | Keywords: | has-patch needs-testing |
Cc: |
Description
Hi,
I am translating WP using mobile devices.and I have founded some UI issue on below page link.
https://translate.wordpress.org/locale/hi/default/wp/dev/#contributor-sumitsingh.
More information you can see mentioned screenshot.
Attachments (4)
Change History (10)
#1
@
3 years ago
- Component changed from General to Translate Site & Plugins
Adding float: left
to all spans in the .contributor-name
cell includes the "Last translation submitted" span (see r9497). On smaller screens (up to 500px), that text appears before the avatar link.
This ticket was mentioned in Slack in #polyglots by vladytimy. View the logs.
3 years ago
#3
@
3 years ago
- Summary changed from UI issue on Mobile devices. to Better responsive styles for translate.w.org
I am renaming this to better describe the issue and to make ticket easier to find.
Apart form the one you mentioned, there are a few other responsive things that could be addressed.
- The
float:left
for.contributor-name
spans that @sabernhardt mentioned - Long project description will overflow, creating a white space
- Set / Sub Project table is not responsve and will, again, create a white space
Proposed 5761.1.patch (only for (max-width: 500px)
)
- Unsets
float:left
for.contributor-name
spans - Unsets
.project-description
width to allow a fluid width - Creates a possible responsive table (maybe not the best approach - maybe a mainstream solution with markup modifications might be better)
UI issue on IPhone device