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

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...