Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

CssImport when using Component Exporter by Mikhail Shabarov, 1 month ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

Label Text overlie

Dominik Grimmeisen
1 decade ago Dec 20, 2011 2:07pm

Hallo,

i have a problem with the label widget. I will write a side header with a height of 40 px. This side header can automaticly return and then the secondline overlie the firstline and letters as y,g,p will cutted.
As an example, I've attached a screenshot.
Here is my css-code:

.pd_content_title {
	font-weight: bold;
	font-size: 40px;
	color: #2E62FF;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 5px;
}

.pd_content_subtitle {
	font-size: 20px;
	color: #2E62FF;
	padding-top: 10px;
	padding-left: 15px;
}

Thanks,
Dominik

Last updated on Dec, 21st 2011
Dominik Grimmeisen
1 decade ago Dec 21, 2011 8:51am

Nobody has an answer ?

Teppo Kurki
1 decade ago Dec 21, 2011 8:57am

Hi,

for Label there is a default line-height css property of 18px (as far as I remember the value correctly). You should set this in your css for the larger font size labels. You might try e.g. "line-height: normal;" or set a specific (greater) pixel value for it.

-Tepi

Dominik Grimmeisen
1 decade ago Dec 21, 2011 10:01am

i can fix my problem on an other way

Jens Jansson
1 decade ago Dec 21, 2011 2:17pm

Adding line-height:40px or line-height:42px should be enough and it is the correct way to fix it.