-
Notifications
You must be signed in to change notification settings - Fork 14
Style tables in text boxes using CSS #690
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
Signed-off-by: Giovanni Ferrari <[email protected]>
11f79fa
to
d6c7ce7
Compare
<div class="nad-table"> | ||
<div class="nad-row"> | ||
<div class="nad-vl0to30-1 nad-cell nad-legend-square"/> | ||
<div class="nad-cell">1.1 kV / -12.5°</div> | ||
</div> | ||
<div class="nad-row"> | ||
<div class="nad-vl0to30-0 nad-cell nad-legend-square"/> | ||
<div class="nad-cell">1.0 kV / -11.4°</div> | ||
</div> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
See issue comment
<div class="nad-table"> | |
<div class="nad-row"> | |
<div class="nad-vl0to30-1 nad-cell nad-legend-square"/> | |
<div class="nad-cell">1.1 kV / -12.5°</div> | |
</div> | |
<div class="nad-row"> | |
<div class="nad-vl0to30-0 nad-cell nad-legend-square"/> | |
<div class="nad-cell">1.0 kV / -11.4°</div> | |
</div> | |
</div> | |
<div> | |
<div><span class="nad-vl0to30-1 nad-legend-square"/>1.1 kV / -12.5°</div> | |
<div><span class="nad-vl0to30-0 nad-legend-square"/>1.0 kV / -11.4°</div> | |
</div> |
with simpler CSS
.nad-legend-square {display: inline-block; width: 20px; height: 20px; background: var(--nad-vl-color, black); margin-right: 10px;}
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think we can get rid of nad-table, nad-row and nad-cell CSS classes
Signed-off-by: Giovanni Ferrari <[email protected]>
<td> kV / °</td> | ||
</tr> | ||
</table> | ||
<div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do we need this div? it's to separate from header / footer?
<div> | ||
<span class="nad-legend-square"/> kV / °</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
would be clearer to have this on one line only
Signed-off-by: Giovanni Ferrari <[email protected]>
Signed-off-by: Giovanni Ferrari <[email protected]>
|
Please check if the PR fulfills these requirements
Does this PR already have an issue describing the problem?
Fixes #685