From 2db4c2fef30b2ca7a853ced5d48f475080cf7c4e Mon Sep 17 00:00:00 2001 From: Liviu Date: Tue, 26 Mar 2019 21:22:29 +0000 Subject: [PATCH] changed the styles of default buttons, dropdowns, pagination --- rhodecode/public/css/buttons.less | 14 +++++++------- rhodecode/public/css/main.less | 28 ++++++++++++++++++++++------ rhodecode/public/css/select2.less | 16 ++++++++++++++-- rhodecode/public/css/variables.less | 2 +- 4 files changed, 44 insertions(+), 16 deletions(-) diff --git a/rhodecode/public/css/buttons.less b/rhodecode/public/css/buttons.less index 01db84fc..063f3281 100644 --- a/rhodecode/public/css/buttons.less +++ b/rhodecode/public/css/buttons.less @@ -74,22 +74,22 @@ input[type="button"] { .btn-default { - .border ( @border-thickness-buttons, @rcblue ); + border: @border-thickness solid @grey5; background-image: none; - color: @rcblue; + color: @grey2; a { - color: @rcblue; + color: @grey2; } &:hover, &.active { - color: @rcblue; - background-color: @grey7; - .border ( @border-thickness, @rcdarkblue ); + color: @rcdarkblue; + background-color: @white; + .border ( @border-thickness, @grey4 ); a { - color: @rcblue; + color: @grey2; } } &:disabled { diff --git a/rhodecode/public/css/main.less b/rhodecode/public/css/main.less index 59fc522e..54b1b6ec 100644 --- a/rhodecode/public/css/main.less +++ b/rhodecode/public/css/main.less @@ -2107,8 +2107,9 @@ h3.files_location{ } .info_box_elem { - border-top: @border-thickness solid @rcblue; - border-bottom: @border-thickness solid @rcblue; + border-top: @border-thickness solid @grey5; + border-bottom: @border-thickness solid @grey5; + box-shadow: @button-shadow; #at_rev, a { padding: 0.6em 0.9em; @@ -2116,6 +2117,7 @@ h3.files_location{ .box-shadow(none); border: 0; height: 12px; + color: @grey2; } input#at_rev { @@ -2124,17 +2126,31 @@ h3.files_location{ } &.previous { - border: @border-thickness solid @rcblue; + border: @border-thickness solid @grey5; + border-top-left-radius: @border-radius; + border-bottom-left-radius: @border-radius; + + &:hover { + border-color: @grey4; + } + .disabled { - color: @grey4; + color: @grey5; cursor: not-allowed; } } &.next { - border: @border-thickness solid @rcblue; + border: @border-thickness solid @grey5; + border-top-right-radius: @border-radius; + border-bottom-right-radius: @border-radius; + + &:hover { + border-color: @grey4; + } + .disabled { - color: @grey4; + color: @grey5; cursor: not-allowed; } } diff --git a/rhodecode/public/css/select2.less b/rhodecode/public/css/select2.less index a3c61c0e..f752304a 100644 --- a/rhodecode/public/css/select2.less +++ b/rhodecode/public/css/select2.less @@ -92,10 +92,22 @@ select.select2{height:28px;visibility:hidden} min-width: 160px; margin: 0 @padding 0 0; padding: 0; - border: @border-thickness solid @rcblue; + border: @border-thickness solid @grey5; border-radius: @border-radius; - color: @rcblue; + color: @grey2; background-color: white; + + a { + color: @grey2; + + &:hover { + color: @rcdarkblue; + } + } + + &:hover { + border-color: @grey4; + } } .drop-menu-dropdown { diff --git a/rhodecode/public/css/variables.less b/rhodecode/public/css/variables.less index ea0dea08..51bb687c 100644 --- a/rhodecode/public/css/variables.less +++ b/rhodecode/public/css/variables.less @@ -131,7 +131,7 @@ // BUTTONS @button-padding: .7em; -@button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); +@button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); // DEFAULT WIDTHS