ng-class tweak

This commit is contained in:
Lorenz Hübschle-Schneider 2017-03-18 14:48:57 +01:00
parent 3847f0f011
commit 7663fa079d
4 changed files with 13 additions and 10 deletions

View file

@ -335,9 +335,9 @@ input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder { /* Fi
background: var(--base08);
}
.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 {
.btn-complete-nick:hover, .btn-complete-nick:focus,
.btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: var(--base07);
color: var(--base01);
}
@ -345,6 +345,7 @@ input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder { /* Fi
.is-mobile-ui .btn-complete-nick:hover,
.is-mobile-ui .btn-send:hover,
.is-mobile-ui .btn-send-image:hover {
background: var(--base01);
color: var(--base05);
}

View file

@ -93,9 +93,9 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
}
.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 {
.btn-complete-nick:hover, .btn-complete-nick:focus,
.btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: #555;
color: white;
}
@ -103,6 +103,7 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
.is-mobile-ui .btn-complete-nick:hover,
.is-mobile-ui .btn-send:hover,
.is-mobile-ui .btn-send-image:hover {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
color: #ccc;
}

View file

@ -87,9 +87,9 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
}
.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 {
.btn-complete-nick:hover, .btn-complete-nick:focus,
.btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: #555;
color: white;
}
@ -97,6 +97,7 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
.is-mobile-ui .btn-complete-nick:hover,
.is-mobile-ui .btn-send:hover,
.is-mobile-ui .btn-send-image:hover {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
color: #ccc;
}

View file

@ -1,4 +1,4 @@
<form class="form form-horizontal" ng-class="utils.isMobileUi() ? 'is-mobile-ui' : 'is-desktop-ui'" id="inputform" ng-submit="sendMessage()" imgur-drop>
<form class="form form-horizontal" ng-class="{'is-mobile-ui': utils.isMobileUi()}" id="inputform" ng-submit="sendMessage()" imgur-drop>
<div class="input-group">
<textarea id="{{inputId}}" class="form-control favorite-font" ng-trim="false" rows="1" ng-change="inputChanged()" autocomplete="on" ng-model="command" ng-focus="hideSidebar()">
</textarea>