diff options
author | Marco Nassabain <marco.nassabain@hotmail.com> | 2021-02-25 00:25:43 +0100 |
---|---|---|
committer | Sean Molenaar <SMillerDev@users.noreply.github.com> | 2021-04-08 23:17:31 +0200 |
commit | a77cdad828935554712f3ff327c076f801aa7fe2 (patch) | |
tree | 0094d5ab120cae61cededabb4fa35343011652b2 | |
parent | 9876441799e83a76db861feffd5d087236d0c18c (diff) |
💄 Update dropdown style
Signed-off-by: Marco Nassabain <marco.nassabain@hotmail.com>
-rw-r--r-- | css/app.css | 4 | ||||
-rw-r--r-- | templates/part.content.php | 15 |
2 files changed, 11 insertions, 8 deletions
diff --git a/css/app.css b/css/app.css index d2ed8e53d..8b9a8d2d8 100644 --- a/css/app.css +++ b/css/app.css @@ -90,7 +90,9 @@ } .contact-input{ - margin-left: 1.5em !important; + display: flex; + justify-content: space-between; + margin: 0.5em 1.5em; } .label-group{ diff --git a/templates/part.content.php b/templates/part.content.php index 3da58927d..01c116f7a 100644 --- a/templates/part.content.php +++ b/templates/part.content.php @@ -104,26 +104,27 @@ class="dropdown-content"> <!-- Contact --> <p class="label-group"><?php p($l->t('Share with users')) ?></p> - <form ng-submit="" name="contactForm" autocomplete="off"> - <fieldset> + <form ng-submit="" + name="contactForm" + autocomplete="off"> + <fieldset class="contact-input"> <input ng-model="nameQuery" ng-model-options="{debounce: 400}" ng-change="Share.searchUsers(nameQuery)" type="text" - class="contact-input" placeholder="<?php p($l->t('Username')) ?>" title="<?php p($l->t('Username')) ?>" name="contactName" required style="width: 200px"> + <div ng-if="App.loading.isLoading('user')" + ng-class="{'icon-loading-small': App.loading.isLoading('user') }"> + </div> </fieldset> </form> - - <div style="margin-bottom: 1em" ng-class="{'icon-loading-small': App.loading.isLoading('user') }"> - </div> - <div style="margin-left: 1em" + <div style="margin-left: 2em; font-size: 0.85em;" ng-if="!(Share.userList.length > 0) && nameQuery && !App.loading.isLoading('user')"> <?php p($l->t('No users found')) ?> </div> |