mirror of
https://github.com/moparisthebest/mail
synced 2024-08-13 16:43:47 -04:00
refactored subject box
This commit is contained in:
parent
cb60995ce1
commit
cdbdad0ba3
@ -12,15 +12,11 @@
|
|||||||
height: 590px; // magic number
|
height: 590px; // magic number
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
p[field] input {
|
||||||
border: 0!important;
|
border: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
|
||||||
border: 0!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mail-addresses {
|
.mail-addresses {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
@ -38,6 +34,7 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $color-black;
|
color: $color-black;
|
||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
|
border: 0;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
@ -52,38 +49,33 @@
|
|||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 20px 0 7px 0;
|
margin: 20px 0 7px 0;
|
||||||
width: inherit;
|
|
||||||
border: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: $color-grey-lighter;
|
|
||||||
height: em(44);
|
|
||||||
|
|
||||||
.subject-line {
|
|
||||||
padding: 10px;
|
|
||||||
width: 80%;
|
|
||||||
color: $color-grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subject {
|
|
||||||
font-weight: bold;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=file] {
|
input[type=file] {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.input-text {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
padding-right: 10px + 5px + 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-attachment {
|
.btn-attachment {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 5px;
|
||||||
right: 0;
|
right: 5px;
|
||||||
padding: em(7.5) em(7.5) em(4) em(7.5);
|
padding: 0;
|
||||||
margin: em(5);
|
line-height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
&:active,
|
&:active,
|
||||||
&.active {
|
&.active {
|
||||||
top: 1px;
|
top: 1px;
|
||||||
|
@ -32,13 +32,9 @@
|
|||||||
</div><!--/.mail-addresses-->
|
</div><!--/.mail-addresses-->
|
||||||
|
|
||||||
<div class="subject-box">
|
<div class="subject-box">
|
||||||
<div class="subject-line">
|
<input class="input-text" ng-model="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
|
||||||
<input ng-model="subject" class="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
|
|
||||||
</div><!--/.subject-line-->
|
|
||||||
<input id="attachment-input" type="file" multiple attachment-input>
|
<input id="attachment-input" type="file" multiple attachment-input>
|
||||||
<button class="btn btn-attachment" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn>
|
<button class="btn btn-attachment" data-icon="" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn></button>
|
||||||
<div data-icon=""></div>
|
|
||||||
</button><!--/.btn-attachment-->
|
|
||||||
</div><!--/.subject-box-->
|
</div><!--/.subject-box-->
|
||||||
|
|
||||||
<div class="attachments-box" ng-show="attachments.length > 0">
|
<div class="attachments-box" ng-show="attachments.length > 0">
|
||||||
|
Loading…
Reference in New Issue
Block a user