Hi,
I'm almost finishing my project with Atlantis, but since the begin the pin icon stay near the word and I do not know how to fix it.
Anyone could help me?
Regards,
Caique.
Pin icon to fix menu e near to word.
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.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Could you please attach a screenshot about it?
Best Regards,
Could you please attach a screenshot about it?
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Posts: 13
- Joined: 07 Dec 2016, 13:37
Hi,
Here is a screenshot, could you see it?
https://www.dropbox.com/s/5him6ykh7350u ... d.jpg?dl=0
Regards,
Caique.
Here is a screenshot, could you see it?
https://www.dropbox.com/s/5him6ykh7350u ... d.jpg?dl=0
Regards,
Caique.
Just inspect the CSS and add some padding or margin to the style.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
-
- Posts: 13
- Joined: 07 Dec 2016, 13:37
Ok Melloware, but wich css I need to change, do you know?
And why this happen, do you know?
Regards,
Caique.
And why this happen, do you know?
Regards,
Caique.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Could you please check .menu-pin-button style in the inspector of the browser?
it has float:right style in Atlantis.
Best Regards,
it has float:right style in Atlantis.
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Posts: 13
- Joined: 07 Dec 2016, 13:37
Hi aragorn,
I did it and do not find .menu-pin-button, only .menu-button that has the float: right style, this could be the problem, but how to fix it?
Could be a problem when I created the css files using sass tool?
I did this search when I see your suggestions here: viewtopic.php?t=51819
Best Regards.
I did it and do not find .menu-pin-button, only .menu-button that has the float: right style, this could be the problem, but how to fix it?
Could be a problem when I created the css files using sass tool?
I did this search when I see your suggestions here: viewtopic.php?t=51819
Best Regards.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Please see my screenshot;
https://www.dropbox.com/s/gtp4pnhv1z2xl ... 6.png?dl=0
Could you please check it again? Could you please attach a screenshot for me?
https://sass-lang.com/install
Also, could you please check the following style in _main.scss file?
Best Regards,
Please see my screenshot;
https://www.dropbox.com/s/gtp4pnhv1z2xl ... 6.png?dl=0
Could you please check it again? Could you please attach a screenshot for me?
- Maybe, you can use SASS command instead of sass tool;Could be a problem when I created the css files using sass tool?
https://sass-lang.com/install
Also, could you please check the following style in _main.scss file?
Code: Select all
//line 348
.menu-pin-button {
Github Profile: https://github.com/mertsincan
-
- Posts: 13
- Joined: 07 Dec 2016, 13:37
Hi Aragon,
It is different from yours. Please see here https://www.dropbox.com/s/jc8pwihpgsgtg ... n.png?dl=0
In _main.scss looks ok:
.menu-pin-button {
padding: 0px 7px;
float: right;
text-align: center;
@include transition(background-color .3s);
i {
line-height: inherit;
@include transition(transform .3s);
}
&:hover {
background-color: #E0E0E0;
}
}
A thing that I do not say it, but in this project I change from Modena to Altantis, this can say anything?
Thanks for your attention.
Best Regards.
It is different from yours. Please see here https://www.dropbox.com/s/jc8pwihpgsgtg ... n.png?dl=0
In _main.scss looks ok:
.menu-pin-button {
padding: 0px 7px;
float: right;
text-align: center;
@include transition(background-color .3s);
i {
line-height: inherit;
@include transition(transform .3s);
}
&:hover {
background-color: #E0E0E0;
}
}
A thing that I do not say it, but in this project I change from Modena to Altantis, this can say anything?
Thanks for your attention.
Best Regards.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
I think the generator you used may have generated the wrong code. Could you please try it with SASS command?
For now, please use;
Best Regards,
For now, please use;
Code: Select all
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title .menu-pin-button {
padding: 0px 7px;
float: right;
text-align: center;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title .menu-pin-button i {
line-height: inherit;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 11 guests