Hello,
Please take a look at the image below.. when there is a menu item with long text, it is not aligned properly with other menu items..
Primeng 2.0
Ultima 2.0.3
Thank you
SK
Menu item - long text -not aligned properly with other items
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
We will review this and get back to you.
We have replicated the issue and working on a fix right now.
Hi,
Inside the assets/sass/layout/_main.scss
You can change the following CSS like this as a workaround
We created an issue about this we will continue to review this problem. You can check the state of issue from here ;
https://github.com/primefaces/ultima-ng/issues/54
Inside the assets/sass/layout/_main.scss
You can change the following CSS like this as a workaround
Code: Select all
.layout-container .ultima-menu li a span {
display: inline-block; (Delete)
display: inline; (Add)
vertical-align: middle;
word-break: break-all; (Add)
}
https://github.com/primefaces/ultima-ng/issues/54
I have tried this.. it is not perfect though..
http://imgur.com/a/eVawX
after the word wrap, long text is not aligned with the first line..also wrapping does not happen after a word is complete.. it is cutting off the second long text
http://imgur.com/a/eVawX
after the word wrap, long text is not aligned with the first line..also wrapping does not happen after a word is complete.. it is cutting off the second long text
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Please try;
Screenshot;
Code: Select all
.layout-container .ultima-menu li a i:first-child{
position: absolute;
}
.layout-container .ultima-menu li a span {
padding-left: 2.2em;
}
Github Profile: https://github.com/mertsincan
no luck.. this is what I have..can you please compare it with your code?
.layout-container .ultima-menu li a i:first-child {
display: inline-block;
vertical-align: middle;
margin-right: .5em;
position: absolute;
font-size: 1.5em; }
.layout-container .ultima-menu li a span {
display: inline;
vertical-align: middle;
word-break: break-all;
padding-left: 2.2em;
}
.layout-container .ultima-menu li a i:first-child {
display: inline-block;
vertical-align: middle;
margin-right: .5em;
position: absolute;
font-size: 1.5em; }
.layout-container .ultima-menu li a span {
display: inline;
vertical-align: middle;
word-break: break-all;
padding-left: 2.2em;
}
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Please remove other changes and add only my css;
Full code;
Code: Select all
.layout-container .ultima-menu li a i:first-child{
position: absolute;
}
.layout-container .ultima-menu li a span {
padding-left: 2.2em;
padding-right: 1em; /* OPTIONAL */
}
Full code;
Code: Select all
.layout-container .ultima-menu li a i:first-child {
display: inline-block;
vertical-align: middle;
margin-right: .5em;
font-size: 1.5em;
position: absolute;
}
.layout-container .ultima-menu li a span {
display: inline-block;
vertical-align: middle;
padding-left: 2.2em;
padding-right: 1em; /* OPTIONAL */
}
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests