ticket zoom improvements
This commit is contained in:
parent
e7c34179fd
commit
f5ed9b765f
2 changed files with 49 additions and 35 deletions
|
@ -1,5 +1,5 @@
|
||||||
<div class="main flex no-padding">
|
<div class="main flex relative no-padding">
|
||||||
|
<div class="flex-overflow vertical">
|
||||||
<div class="page-header ticket-zoom horizontal">
|
<div class="page-header ticket-zoom horizontal">
|
||||||
<div class="flex vertical center">
|
<div class="flex vertical center">
|
||||||
<div class="big avatar" style="background-image: url(http://berta9.express.ge/31/performer/Paul%20van%20Dyk/.photo/34_paul_van_dyk_01.jpg)"></div>
|
<div class="big avatar" style="background-image: url(http://berta9.express.ge/31/performer/Paul%20van%20Dyk/.photo/34_paul_van_dyk_01.jpg)"></div>
|
||||||
|
@ -20,10 +20,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="ticket-article"></div>
|
<div class="ticket-article"></div>
|
||||||
|
|
||||||
<div class="ticket-edit"></div>
|
<div class="ticket-edit"></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="sidebar">
|
<div class="sidebar">
|
||||||
|
|
|
@ -2295,10 +2295,10 @@ footer {
|
||||||
|
|
||||||
.form-inline .form-control {
|
.form-inline .form-control {
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
display: block;
|
|
||||||
padding: 0 0 2px;
|
padding: 0 0 2px;
|
||||||
float: none;
|
|
||||||
height: auto;
|
height: auto;
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
|
@ -2330,10 +2330,16 @@ footer {
|
||||||
.bubble-grid {
|
.bubble-grid {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
padding: 0 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bubble-grid .avatar {
|
.bubble-grid .avatar {
|
||||||
margin: 0 15px;
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer.ticket-article-item .avatar {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ticket-article-item {
|
.ticket-article-item {
|
||||||
|
@ -2367,11 +2373,18 @@ footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit textarea {
|
.edit textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
vertical-align: bottom;
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
padding: 10px 20px;
|
|
||||||
outline: none;
|
outline: none;
|
||||||
height: 38px;
|
transition: 500ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit textarea:focus {
|
||||||
|
height: 105px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit textarea:focus + .bubble-placeholder {
|
.edit textarea:focus + .bubble-placeholder {
|
||||||
|
@ -2432,14 +2445,14 @@ footer {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-ticket-properties {
|
.ticket-edit {
|
||||||
margin-top: 36px;
|
margin-top: auto;
|
||||||
background: white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.edit-ticket-properties {
|
||||||
display: none;
|
margin-top: 37px;
|
||||||
}
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue