| @@ -62,11 +62,24 @@ | ||
| 62 | 62 | width: 23%; |
| 63 | 63 | vertical-align: top; |
| 64 | 64 | } |
| 65 | 65 | |
| 66 | +.translation { | |
| 67 | + display: flex; /* fix #691 to remove default margin bottom */ | |
| 68 | +} | |
| 69 | +@media screen and (max-width: 782px) { /* reset default display property for small device */ | |
| 70 | + .translation{ | |
| 71 | + display: block; | |
| 72 | + } | |
| 73 | +} | |
| 74 | +.translation textarea{ | |
| 75 | + display: block; /* fix #691 to remove default margin bottom */ | |
| 76 | +} | |
| 66 | 77 | .translation input, |
| 67 | 78 | .translation textarea { |
| 68 | 79 | width: 72%; |
| 80 | + box-sizing: border-box; /* to be sure field don't overrun outside their wrapper */ | |
| 81 | + margin-bottom: 4px; /* fix #691 set the same margin bottom for both textarea and input tags */ | |
| 69 | 82 | } |
| 70 | 83 | |
| 71 | 84 | /* settings */ |
| 72 | 85 | .pll-settings { |
| @@ -313,8 +326,27 @@ | ||
| 313 | 326 | .pll-notice .button { |
| 314 | 327 | margin-right: 10px; |
| 315 | 328 | } |
| 316 | 329 | |
| 330 | +/* Metaboxes holder in Strings translations screen */ | |
| 331 | +.languages_page_mlang_strings .metabox-holder > div { | |
| 332 | + display: flex; | |
| 333 | +} | |
| 334 | +.languages_page_mlang_strings .metabox-holder > div > div { | |
| 335 | + flex-grow: 1; | |
| 336 | +} | |
| 337 | +.languages_page_mlang_strings .metabox-holder > div > div:nth-child(2n) { | |
| 338 | + margin-left: 1rem; | |
| 339 | +} | |
| 340 | +.languages_page_mlang_strings .metabox-holder > div > div.closed { | |
| 341 | + border:0; | |
| 342 | + background: none; | |
| 343 | +} | |
| 344 | +.languages_page_mlang_strings .metabox-holder > div > div.closed .postbox-header{ | |
| 345 | + border: 1px solid #ccd0d4; | |
| 346 | + background: #fff; | |
| 347 | +} | |
| 348 | + | |
| 317 | 349 | @media screen and ( max-width: 782px ) { |
| 318 | 350 | /* settings */ |
| 319 | 351 | #wpbody-content .pll-settings .pll-configure > td { |
| 320 | 352 | padding: 20px; |
| @@ -354,10 +386,19 @@ | ||
| 354 | 386 | width: 95%; |
| 355 | 387 | padding-left: 0; |
| 356 | 388 | } |
| 357 | 389 | |
| 358 | - .translation input { | |
| 390 | + .translation input, | |
| 391 | + .translation textarea { | |
| 359 | 392 | width: 95%; |
| 393 | + } | |
| 394 | + | |
| 395 | + /* Metaboxes holder in Strings translations screen */ | |
| 396 | + .languages_page_mlang_strings .metabox-holder > div { | |
| 397 | + flex-direction: column; | |
| 398 | + } | |
| 399 | + .languages_page_mlang_strings .metabox-holder > div > div:nth-child(2n) { | |
| 400 | + margin-left: 0; | |
| 360 | 401 | } |
| 361 | 402 | |
| 362 | 403 | /* hide selected language flag and translations language name */ |
| 363 | 404 | #select-add-term-language .pll-select-flag, |
