1
0
mirror of https://github.com/ansible/awx.git synced 2024-10-31 23:51:09 +03:00

Merge pull request #141 from marshmalien/fix/7357-CrossBrowserMultilookupStyle

Fix Lookup Button styles in Firefox and Safari
This commit is contained in:
Marliana Lara 2017-08-02 09:24:11 -04:00 committed by GitHub
commit 86763510c1
3 changed files with 23 additions and 10 deletions

View File

@ -2156,7 +2156,7 @@ tr td button i {
border: 1px solid @d7grey;
cursor: text;
max-height: 135px;
overflow: scroll;
overflow-y: auto;
}
body.is-modalOpen {
@ -2216,6 +2216,10 @@ a:hover {
border-radius: 5px;
line-height: 21px;
font-size: 13px;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

View File

@ -201,7 +201,8 @@
background-color: @f2grey;
border-color: @b7grey;
border-radius: 5px;
height: 30px;
height: auto;
min-height: 30px;
padding: 0 10px;
}
}
@ -443,7 +444,7 @@
}
.Form-lookupButton {
height: 30px;
height: auto;
width: 30px;
color: @field-lookup-btn-icon!important;
font-size: 16px;
@ -521,7 +522,17 @@ input[type='radio']:checked:before {
}
.Form-mixedInputGroup {
display: flex;
width: 100%;
.form-control {
padding: 0 12px !important;
}
.input-group-btn {
display: flex;
width: 30px;
}
}
.FormToggle {}
@ -679,11 +690,9 @@ input[type='radio']:checked:before {
}
.Form-variableHeightButtonGroup {
height: 100%;
}
.Form-lookupButton--variableHeight {
height: 100%;
display: flex;
height: auto;
width: 30px;
}
@media only screen and (max-width: 650px) {

View File

@ -39,7 +39,7 @@
.MultiCredential-tag {
border-radius: 5px;
padding: 2px 10px;
margin: 4px 0px;
margin: 3px 0px;
font-size: 12px;
margin-right: 10px;
max-width: 100%;
@ -68,7 +68,7 @@
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding: 0 5px;
margin: 4px 0px;
margin: 3px 0px;
align-items: center;
display: flex;
cursor: pointer;