fix editControls alignment in IE 10&11
and refactor class names
This commit is contained in:
parent
d434df8093
commit
f8b479b816
3 changed files with 17 additions and 16 deletions
|
@ -698,8 +698,8 @@ class Edit extends App.Controller
|
||||||
'.attachmentUpload-progressBar':'progressBar'
|
'.attachmentUpload-progressBar':'progressBar'
|
||||||
'.js-percentage': 'progressText'
|
'.js-percentage': 'progressText'
|
||||||
'.text-bubble': 'textBubble'
|
'.text-bubble': 'textBubble'
|
||||||
'.edit-control-item': 'editControlItem'
|
'.editControls-item': 'editControlItem'
|
||||||
#'.edit-controls': 'editControls'
|
#'.editControls': 'editControls'
|
||||||
#'.recipient-picker': 'recipientPicker'
|
#'.recipient-picker': 'recipientPicker'
|
||||||
#'.recipient-list': 'recipientList'
|
#'.recipient-list': 'recipientList'
|
||||||
#'.recipient-list .list-arrow': 'recipientListArrow'
|
#'.recipient-list .list-arrow': 'recipientListArrow'
|
||||||
|
|
|
@ -3,9 +3,9 @@
|
||||||
<input type="hidden" name="internal" value="<%= @article.internal %>">
|
<input type="hidden" name="internal" value="<%= @article.internal %>">
|
||||||
<input type="hidden" name="form_id" value="<%= @article.form_id %>">
|
<input type="hidden" name="form_id" value="<%= @article.form_id %>">
|
||||||
<div class="bubble-grid horizontal">
|
<div class="bubble-grid horizontal">
|
||||||
<div class="vertical center edit-controls">
|
<div class="editControls">
|
||||||
<%- App.User.fullLocal( @S('id') ).avatar(false, 'right', 'zIndex-5') %>
|
<%- App.User.fullLocal( @S('id') ).avatar(false, 'right', 'zIndex-5') %>
|
||||||
<div class="dark pop-select zIndex-7 edit-control-item">
|
<div class="dark pop-select zIndex-7 editControls-item">
|
||||||
<div class="pop-selected u-clickable centered">
|
<div class="pop-selected u-clickable centered">
|
||||||
<div class="gray <%- @article.type %> channel icon"></div>
|
<div class="gray <%- @article.type %> channel icon"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -19,7 +19,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="visibility-toggle zIndex-7 u-clickable edit-control-item">
|
<div class="visibility-toggle zIndex-7 u-clickable editControls-item">
|
||||||
<div class="internal-visibility centered" title="<%- @T("unset internal") %>">
|
<div class="internal-visibility centered" title="<%- @T("unset internal") %>">
|
||||||
<div class="internal visibility icon"></div>
|
<div class="internal visibility icon"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2767,10 +2767,6 @@ footer {
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ticket-edit .avatar {
|
|
||||||
margin-bottom: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropArea {
|
.dropArea {
|
||||||
background: white;
|
background: white;
|
||||||
border: 5px solid;
|
border: 5px solid;
|
||||||
|
@ -2784,27 +2780,32 @@ footer {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-controls {
|
.editControls {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-control-item {
|
.editControls-item {
|
||||||
width: 38px;
|
width: 38px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 38px;
|
top: 38px;
|
||||||
display: none;
|
display: none;
|
||||||
|
margin-left: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-control-item:nth-child(3) {
|
.editControls-item:nth-child(2) {
|
||||||
top: 74px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-control-item:nth-child(4) {
|
.editControls-item:nth-child(3) {
|
||||||
top: 110px;
|
top: 79px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-control-item:not(:last-child) {
|
.editControls-item:nth-child(4) {
|
||||||
|
top: 115px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editControls-item:not(:last-child) {
|
||||||
border-bottom: 1px solid #e6e6e6;
|
border-bottom: 1px solid #e6e6e6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue