diff --git a/css/glowingbear.css b/css/glowingbear.css index b556e46..60a7e0b 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -89,6 +89,12 @@ input[type=text], input[type=password], #sendMessage { margin-bottom: 5px !important; } +.btn-complete-nick { + position: relative; + overflow: hidden; + cursor: pointer; +} + .btn-send-image { position: relative; overflow: hidden; diff --git a/css/themes/base16-default.css b/css/themes/base16-default.css index 3f91ae8..e01bfcf 100644 --- a/css/themes/base16-default.css +++ b/css/themes/base16-default.css @@ -302,7 +302,7 @@ input[type=text], input[type=password], #sendMessage, .badge { box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.2) inset; } -input[type=text], input[type=password], #sendMessage, .btn-send, .btn-send-image { +input[type=text], input[type=password], #sendMessage, .btn-send, .btn-send-image, .btn-complete-nick { color: var(--base05); background: var(--base01); } @@ -335,12 +335,19 @@ input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder { /* Fi background: var(--base08); } -.btn-send:hover, .btn-send:focus, -.btn-send-image:hover, .btn-send-image:focus { +.is-desktop-ui .btn-complete-nick:hover, .btn-complete-nick:focus, +.is-desktop-ui .btn-send:hover, .btn-send:focus, +.is-desktop-ui .btn-send-image:hover, .btn-send-image:focus { background-color: var(--base07); color: var(--base01); } +.is-mobile-ui .btn-complete-nick:hover, +.is-mobile-ui .btn-send:hover, +.is-mobile-ui .btn-send-image:hover { + color: var(--base05); +} + #connection-infos { color: var(--base04); } diff --git a/css/themes/blue.css b/css/themes/blue.css index 28e4189..39bb4d5 100644 --- a/css/themes/blue.css +++ b/css/themes/blue.css @@ -88,17 +88,24 @@ input[type=text], input[type=password], #sendMessage, .badge { border: 1px solid #4a5b6c; } -input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image { +input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image, .btn-complete-nick { color: #ccc; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); } -.btn-send:hover, .btn-send:focus, -.btn-send-image:hover, .btn-send-image:focus { +.is-desktop-ui .btn-complete-nick:hover, .btn-complete-nick:focus, +.is-desktop-ui .btn-send:hover, .btn-send:focus, +.is-desktop-ui .btn-send-image:hover, .btn-send-image:focus { background-color: #555; color: white; } +.is-mobile-ui .btn-complete-nick:hover, +.is-mobile-ui .btn-send:hover, +.is-mobile-ui .btn-send-image:hover { + color: #ccc; +} + .nav-pills li:nth-child(2n) { background: #283244; } diff --git a/css/themes/dark.css b/css/themes/dark.css index 40368ee..6812edf 100644 --- a/css/themes/dark.css +++ b/css/themes/dark.css @@ -82,17 +82,24 @@ input[type=text], input[type=password], #sendMessage, .badge { box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset; } -input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image { +input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image, .btn-complete-nick { color: #ccc; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); } -.btn-send:hover, .btn-send:focus, -.btn-send-image:hover, .btn-send-image:focus { +.is-desktop-ui .btn-complete-nick:hover, .btn-complete-nick:focus, +.is-desktop-ui .btn-send:hover, .btn-send:focus, +.is-desktop-ui .btn-send-image:hover, .btn-send-image:focus { background-color: #555; color: white; } +.is-mobile-ui .btn-complete-nick:hover, +.is-mobile-ui .btn-send:hover, +.is-mobile-ui .btn-send-image:hover { + color: #ccc; +} + #connection-infos { color: #aaa; } diff --git a/css/themes/light.css b/css/themes/light.css index 0ed9c14..ab0c2b2 100644 --- a/css/themes/light.css +++ b/css/themes/light.css @@ -27,12 +27,19 @@ html { background: #428BCA; } +.btn-complete-nick, .btn-send, .btn-send-image, { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3); color: #428BCA; } +.is-mobile-ui .btn-complete-nick:hover, +.is-mobile-ui .btn-send:hover, +.is-mobile-ui .btn-send-image:hover { + color: #428BCA; +} + tr.bufferline:hover { background-color: #efefef; } diff --git a/directives/input.html b/directives/input.html index 030708f..48c0877 100644 --- a/directives/input.html +++ b/directives/input.html @@ -1,8 +1,9 @@ -
+
+