Jump to content

Problem whith notices in new Less module.


NorbertH
 Share

Recommended Posts

ProcessWire 3.0.184 

I installed the new Less Module set it to Rock theme and added admin.less

// Primary color 
@rock-primary: #9f2d2d;

Now all notices and messages are red.

Bildschirmfoto_Rot.png.45fec8d8d9ce1954b57fe14181a0fcd0.png.f75e8d44cacd55b30981757b54d94bba.png

This is really annoying as users tend to call me about those "errors".

 

 

 

Link to comment
Share on other sites

... now all messages are yellow .... but still i am missing red and green

i tried
@alert-success-background:                     #32d296;
@alert-warning-background:                     #faa05a;
@alert-danger-background:                      #f0506e;

But they are ignored... 

When i tried :

@global-success-background:                     #32d296;
@global-warning-background:                     #faa05a;
@global-danger-background:                      #f0506e;

They got ignored too 😞

 

 

 

Link to comment
Share on other sites

Just tried:

//alerts
@alert-primary-background: yellow;
@alert-success-background: green;
@alert-warning-background: orange;
@alert-danger-background: red;

and it's working on my end.
Browser cache problem maybe?

Link to comment
Share on other sites

Posted (edited)

Now its nice Yellow ....still with messages that should be green ....

Bildschirmfoto_yellow.png.588831c868d2d93289857320325d0d91.png

 

Edit: Forgot to say i Upgraded PW to 3.0.197 dev    and reinstalled the Less module ...

// Primary color 
@rock-primary: #9f2d2d;

// Margins
@global-margin: 10px; 
@global-medium-margin: 5px;
@global-small-margin: 3px;

// Logo Größe
.pw-logo {height: 60px !important;max-height: 60px !important;}
.pw-logo-custom {max-height: 60px !important;height: 60px !important}

@alert-primary-background: yellow;
@alert-success-background: green;
@alert-warning-background: orange;
@alert-danger-background: red;

The funny thing is when i set it to default template everything is perfectly OK

Bildschirmfoto_2022-03-27_20-51-44.png.cd1fe776c3677c51a4ec14d800c9c39d.png

Edit Forgot to mention i Upgraded PW to 3.0.197 dev and completely reinstalled the Less Module

Edited by NorbertH
additional Info
Link to comment
Share on other sites

@NorbertHAgh, my mistake. There's no need for @alert-success-background. It's just Uikit alert style not used by pw.

If you want normal messages to be green, put green color in @alert-primary-background:

@alert-primary-background: #32d296;
@alert-primary-color: #fff;
@alert-warning-background: #faa05a;
@alert-danger-background: #f0506e;

Here's a screenshot.

Screenshot_2022-03-27.png.aa3a47075403eae0340831947f690a9d.png

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...