Opened 10 years ago
Closed 10 years ago
#1367 closed defect (bug) (fixed)
Plugin directory: Adjust CSS for Japanese download button
| Reported by: |
|
Owned by: |
|
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Component: | Plugin Directory | Keywords: | |
| Cc: |
Description
The button to download a plugin ("Download Version X.X") is wider in Japanese that it overlaps with the plugin description. See: https://ja.wordpress.org/plugins/favicon-rotator/
The width for the description area is defined in this CSS:
#plugin-description .shortdesc {
width: 502px;
float: left;
margin-bottom: 0;
font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif;
}
My suggestion is to reduce the width to 480px.
Attachments (3)
Change History (10)
#1
@
10 years ago
- Component changed from General to International Sites (Rosetta)
- Keywords needs-refresh added
#2
@
10 years ago
- Component changed from International Sites (Rosetta) to Plugin Directory
- Keywords needs-refresh removed
#3
@
10 years ago
We could also reduce the padding on the left side
Index: style-wp4.css
===================================================================
--- style-wp4.css (revision 11093)
+++ style-wp4.css (working copy)
@@ -294,7 +294,7 @@
#plugin-description {
overflow: hidden;
- padding: 30px 15px 55px 30px;
+ padding: 30px 15px 55px;
font-size: 16px;
line-height: 24px;
margin: 0 0 30px;
@@ -307,7 +307,7 @@
}
#plugin-description .shortdesc {
- width: 502px;
+ width: 497px;
float: left;
margin-bottom: 0;
font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif;
@@ -357,7 +357,7 @@
overflow: hidden;
width: 743px;
height: 30px;
- padding: 10px 0 0 29px;
+ padding: 10px 0 0 15px;
margin-bottom: 29px;
}
#4
@
10 years ago
@ocean90 Did someone make any CSS changes since last Sunday? I'm seeing a different layout on the page. I'm on Mac Safari. The download button is not overlapping the description anymore, but it's pushed below it.
I can't find the code for the plugin directory in public repositories so I tried testing your change on a browser's developer mode.
Looks like the width you tried to change is overwritten by this in wp4.css.
#plugin-description .shortdesc {
width: 100%;
}
The rule that sets padding of the p elements to 0 in wp4.css also overwrites the .shortdesc padding.
Well, the new layout is not perfect but it's as bad as the one I used to see (accidently enabled? or fixed on purpose?). I'm ok with marking this as wontfix.
Japanese plugin description / download button