From 5d7886325d55d3ae47a5d7d6b1a81b0c20ce8e36 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Benqu=C3=A9?= Date: Mon, 25 Nov 2019 09:48:08 +0000 Subject: [PATCH] style secondary and cancel buttons --- customize.dist/src/less2/include/alertify.less | 16 +++++++++++++--- customize.dist/src/less2/include/colortheme.less | 2 +- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less index bf30d5bfe..51ab824c2 100644 --- a/customize.dist/src/less2/include/alertify.less +++ b/customize.dist/src/less2/include/alertify.less @@ -282,12 +282,16 @@ border-radius: 0; color: @alertify-btn-fg; - border: 1px solid @colortheme_alertify-cancel-border; + border: 1px solid @alertify-btn-fg; &.no-margin { margin: 0; } + &:hover, &:active { + background-color: @alertify-light-bg; + } + &.safe, &.danger { color: @colortheme_old-base; white-space: normal; @@ -321,10 +325,16 @@ } } - &:hover, &:active { - background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-cancel, 10%), lighten(@colortheme_alertify-cancel, 10%)); + &.cancel{ + border-color: @colortheme_alertify-cancel-border; + color: @colortheme_alertify-cancel-border; + &:hover, &:hover{ + background-color: fade(@colortheme_alertify-cancel-border, 25%); + } } + + &:focus { //border: 1px dotted @alertify-base; box-shadow: 0px 0px 5px @colortheme_alertify-primary; diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less index 2e0c6371c..23dca6fe8 100644 --- a/customize.dist/src/less2/include/colortheme.less +++ b/customize.dist/src/less2/include/colortheme.less @@ -56,7 +56,7 @@ @colortheme_alertify-disabled-text: #ffffff; @colortheme_alertify-disabled-border: #6c757d; @colortheme_alertify-cancel: @colortheme_modal-bg; -@colortheme_alertify-cancel-border: #ccc; +@colortheme_alertify-cancel-border: #949494; @colortheme_notification-log: fade(@colortheme_logo-1, 90%); @colortheme_notification-color: #fff;;