Tooltip position fix

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-25 18:49:39 +02:00
parent d23a9aff63
commit fb3026b19c
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
2 changed files with 18 additions and 5 deletions

View File

@ -3,8 +3,8 @@
}
.addressBookList form {
position: relative;
width: 100%;
display: inline-flex;
}
.addressBookList form input.ng-invalid-pattern {
@ -18,6 +18,14 @@ ul.addressBookList > li {
flex-wrap: wrap;
}
ul.addressBookList > li.newAddressBookContainer {
position: initial !important;
}
ul.addressBookList > li.newAddressBookContainer .tooltip {
width: 175px;
}
ul.addressBook-share-list {
margin-top: 8px;
margin-bottom: 12px;
@ -68,8 +76,7 @@ ul.addressBookList li .action > a {
addressBookList input[type='submit'].inline-button,
addressBookList input[type='button'].inline-button {
position: absolute;
right: 0;
top: 0;
right: 14px;
padding: 6px 15px;
background-color: transparent;
border: none;
@ -121,6 +128,12 @@ div.addressBookShares ul.dropdown-menu li > a {
line-height: 30px !important;
}
ul.dropdown-menu li {
width: 100%;
padding: 3px 7px 4px;
cursor: pointer;
}
ul.dropdown-menu li.active {
background: nc-darken($color-main-background, 6%);
}

View File

@ -1,13 +1,13 @@
<i ng-show="ctrl.loading" style="display: block" class="icon-loading-small"></i>
<ul class="addressBookList">
<li ng-repeat="addressBook in ctrl.addressBooks" addressbook data="addressBook" list="ctrl.addressBooks"></li>
<li>
<li class="newAddressBookContainer">
<form ng-submit="ctrl.createAddressBook()" name="newAddressBookForm">
<input id="newList" placeholder="{{ctrl.t.addressBookName}}" class="newAddressBookInput"
ng-model="ctrl.newAddressBookName" type="text" ng-minlength="1"
autocomplete="off" autocorrect="off" spellcheck="false" tooltip-enable="!newAddressBookForm.$pristine"
required ng-pattern="ctrl.addressBookRegex" tooltip-is-open="newAddressBookForm.$invalid && !newAddressBookForm.$error.required" tooltip-trigger="none"
tooltip-placement="right" uib-tooltip="{{ctrl.t.regexError}}" tooltip-append-to-body="true"/>
tooltip-placement="right" uib-tooltip="{{ctrl.t.regexError}}" />
<input type="submit" value="" class="newAddressBookSubmit inline-button icon-confirm action pull-right"
ng-disabled="newAddressBookForm.$invalid || newAddressBookForm.$pristine" />
</form>