alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve text-align example.

Browse Source 
Replace statics with labels; change to a 2 x 2 grid layout to make it easier to see the difference between 'center' and 'justify'; increase readability by setting 'color: auto' in the labels.
This commit is contained in:
Rodrigo Girão Serrão
2023-01-06 10:40:31 +00:00
parent 7743feadff
commit 042bc3b3fe
3 changed files with 27 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/examples/styles/text_align.css
View File

@@ -1,24 +1,29 @@
#one {
text-align: left;
background: lightblue;
text-align: left;
background: lightblue;
}
#two {
text-align: center;
background: indianred;
text-align: center;
background: indianred;
}
#three {
text-align: right;
background: palegreen;
text-align: right;
background: palegreen;
}
#four {
text-align: justify;
background: palevioletred;
text-align: justify;
background: palevioletred;
}
Static {
padding: 1;
Label {
padding: 1 2;
height: 100%;
color: auto;
}
Grid {
grid-size: 2 2;
}