Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

chat designer: add loader to browser input

Browse source
This commit is contained in:
Felix Niklas 2015-11-24 13:06:02 +01:00
parent 4a6f99b928
commit f4c4dcf9b3
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/app/views/channel/chat.jst.eco
View file

@ -63,7 +63,7 @@
<div class="browser-head"> <div class="browser-head">
<form class="browser-input js-testurl" novalidate> <form class="browser-input js-testurl" novalidate>
<input type="url" class="js-testurl-input" id="preview-iframe" placeholder="zammad.org"> <input type="url" class="js-testurl-input" id="preview-iframe" placeholder="zammad.org">
<span class="help-block"><%- @T("Because of security reasons some websites can't be displayed (for example google.com).") %></span> <div class="loading icon small"></div>
</form> </form>
</div> </div>
<div class="browser-body js-demo"> <div class="browser-body js-demo">

14
app/assets/stylesheets/zammad.scss
View file

@ -7439,10 +7439,22 @@ output {
.browser-input { .browser-input {
flex: 1; flex: 1;
margin-right: 10px; position: relative;
input { input {
min-width: 0; min-width: 0;
padding-right: 40px;
}
.loading.icon {
position: absolute;
right: 11px;
top: 11px;
display: none;
}
&.is-loading .loading.icon {
display: block;
} }
} }