Changes between Initial Version and Version 1 of Ticket #35404


Ignore:
Timestamp:
Apr 24, 2024, 6:19:19 PM (3 weeks ago)
Author:
minusf
Comment:

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #35404 – Description

    initial v1  
    331. input type=text boxes on the right side grow in height if the label doesn't fit into 160px.
    44
    5 2. long labels have uncovered another issue: incorrect line height and a forced height in general.
     5[[Image(flexbox-input.png)]]
    66
    7 3. checkboxes are not aligned with their labels.
     72. long labels have uncovered another issue: incorrect line height and a forced height in general. After applying the following patch:
     8
     9{{{#!diff
     10M django/contrib/admin/static/admin/css/forms.css
     11@@ -84,14 +84,13 @@ form ul.inline li {
     12     min-width: 160px;
     13     width: 160px;
     14     word-wrap: break-word;
     15-    line-height: 1;
     16+    line-height: 1.5;
     17 }
     18 
     19 .aligned label:not(.vCheckboxLabel):after {
     20     content: '';
     21     display: inline-block;
     22     vertical-align: middle;
     23-    height: 1.625rem;
     24 }
     25 
     26 .aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly {
     27}}}
     28
     29long labels looks more readable:
     30
     31[[Image(long-labels-with-patch.png)]]
     32
     333. checkboxes are not aligned with their labels. I don't have a patch for this, only 2 screenshots:
     34
     35with flexbox:
     36
     37[[Image(unaligned-checkbox.png)]]
     38
     39without flexbox:
     40
     41[[Image(checkbox-wo-flexbox.png)]]
Back to Top