mirror of https://github.com/doccano/doccano.git
Hironsan
6 years ago
2 changed files with 0 additions and 299 deletions
Split View
Diff Options
@ -1,170 +0,0 @@ |
|||
.aside { |
|||
display:block; |
|||
background-color: #363636; |
|||
border-right: 1px solid #DEDEDE; |
|||
} |
|||
.messages { |
|||
display:block; |
|||
background-color: #fff; |
|||
border-right: 1px solid #DEDEDE; |
|||
} |
|||
.message { |
|||
display:block; |
|||
background-color: #fff; |
|||
} |
|||
.aside .compose { |
|||
height: 95px; |
|||
margin:0 -10px; |
|||
padding: 25px 30px; |
|||
} |
|||
.aside .compose .button { |
|||
color: #F6F7F7; |
|||
} |
|||
.aside .compose .button .compose { |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
} |
|||
.aside .main { |
|||
padding: 40px; |
|||
color: #6F7B7E; |
|||
} |
|||
.aside .title { |
|||
color: #6F7B7E; |
|||
font-size: 12px; |
|||
font-weight: bold; |
|||
text-transform: uppercase; |
|||
} |
|||
.aside .main .item { |
|||
display: block; |
|||
padding: 10px 0; |
|||
color: #6F7B7E; |
|||
} |
|||
.aside .main .item.active { |
|||
background-color: #363636; |
|||
margin: 0 -50px; |
|||
padding-left: 50px; |
|||
} |
|||
.aside .main .item:active,.aside .main .item:hover { |
|||
background-color: #F2F2F2; |
|||
margin: 0 -50px; |
|||
padding-left: 50px; |
|||
} |
|||
.aside .main .icon { |
|||
font-size: 19px; |
|||
padding-right: 30px; |
|||
color: #A0A0A0; |
|||
} |
|||
.aside .main .name { |
|||
font-size: 15px; |
|||
color: #f5f5f5; |
|||
font-weight: 500; |
|||
} |
|||
.messages { |
|||
padding: 40px 0px; |
|||
} |
|||
.message { |
|||
padding: 40px 20px; |
|||
} |
|||
.messages .action-buttons { |
|||
padding: 0; |
|||
margin-top: -20px; |
|||
} |
|||
.message .action-buttons { |
|||
padding: 0; |
|||
margin-top: -5px; |
|||
} |
|||
.action-buttons .control.is-grouped { |
|||
display: inline-block; |
|||
margin-right: 30px; |
|||
} |
|||
.action-buttons .control.is-grouped:last-child { |
|||
margin-right: 0; |
|||
} |
|||
.action-buttons .control.is-grouped .button:first-child { |
|||
border-radius: 5px 0 0 5px; |
|||
} |
|||
.action-buttons .control.is-grouped .button:last-child { |
|||
border-radius: 0 5px 5px 0; |
|||
} |
|||
.action-buttons .control.is-grouped .button { |
|||
margin-right: -5px; |
|||
border-radius: 0; |
|||
} |
|||
.pg { |
|||
display: inline-block; |
|||
top:10px; |
|||
} |
|||
.action-buttons .pg .title { |
|||
display: block; |
|||
margin-top: 0; |
|||
padding-top: 0; |
|||
margin-bottom: 3px; |
|||
font-size:12px; |
|||
color: #AAAAAA; |
|||
} |
|||
.action-buttons .pg a{ |
|||
font-size:12px; |
|||
color: #AAAAAA; |
|||
text-decoration: none; |
|||
} |
|||
.inbox-messages { |
|||
margin-top:30px; |
|||
} |
|||
.message-preview { |
|||
margin-top: 40px; |
|||
} |
|||
.inbox-messages .card { |
|||
width: 100%; |
|||
} |
|||
.inbox-messages strong { |
|||
color: #5D5D5D; |
|||
} |
|||
.inbox-messages .msg-check { |
|||
padding: 0 20px; |
|||
} |
|||
.inbox-messages .msg-subject { |
|||
padding: 10px 0; |
|||
color: #5D5D5D; |
|||
} |
|||
.inbox-messages .msg-attachment { |
|||
float:right; |
|||
} |
|||
.inbox-messages .msg-snippet { |
|||
padding: 5px 0px 0px 0px; |
|||
} |
|||
.inbox-messages .msg-snippet p { |
|||
font-size: 14px; |
|||
} |
|||
.inbox-messages .msg-subject .fa { |
|||
font-size: 14px; |
|||
padding:3px 0; |
|||
} |
|||
.inbox-messages .msg-timestamp { |
|||
float: right; |
|||
padding: 0 20px; |
|||
color: #5D5D5D; |
|||
} |
|||
.message-preview .avatar { |
|||
display: inline-block; |
|||
} |
|||
.message-preview .top .address { |
|||
display: inline-block; |
|||
padding: 0 20px; |
|||
} |
|||
.avatar img { |
|||
width: 40px; |
|||
border-radius: 50px; |
|||
border: 2px solid #999; |
|||
padding: 2px; |
|||
} |
|||
.address .name { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
} |
|||
.address .email { |
|||
font-weight: bold; |
|||
color: #B6C7D1; |
|||
} |
|||
.card.active { |
|||
background-color:#F5F5F5; |
|||
} |
@ -1,129 +0,0 @@ |
|||
{% extends "base.html" %} {% load static %} {% block header %} |
|||
<link rel="stylesheet" type="text/css" href="{% static 'css/inbox.css' %}"> {% endblock %} {% block content %} |
|||
<div class="columns" id="mail-app"> |
|||
<aside class="column is-2 aside hero is-fullheight"> |
|||
<div> |
|||
<aside class="menu"> |
|||
<p class="menu-label" style="color:#f2f2f2;"> |
|||
Progress |
|||
</p> |
|||
<ul class="menu-list"> |
|||
<li class="has-text-grey-light level" style="padding-left:10px;margin-bottom:0;font-size:14px"> |
|||
<span class="level-left">Achievement</span> |
|||
<span class="level-right">[[ achievement ]]%</span> |
|||
</li> |
|||
<li> |
|||
<progress class="progress" v-bind:class="progressColor" v-bind:value="achievement" max="100">30%</progress> |
|||
</li> |
|||
</ul> |
|||
</aside> |
|||
<aside class="menu"> |
|||
|
|||
<p class="menu-label" style="color:#f2f2f2;"> |
|||
Labels |
|||
</p> |
|||
<ul class="menu-list"> |
|||
<div class="control" v-for="(label, label_id) in labels"> |
|||
<li class="tags has-addons"> |
|||
<span class="tag is-primary">[[label.shortcut]]</span> |
|||
<a class="tag is-grey" v-on:click="addLabel(label.id)" v-shortkey.once="['ctrl', [[ label.shortcut ]]]" @shortkey="addLabel(label.id)">[[label.text]]</a> |
|||
</li> |
|||
</div> |
|||
</ul> |
|||
</aside> |
|||
</div> |
|||
</aside> |
|||
<div class="column is-3 messages hero is-fullheight" id="message-feed"> |
|||
<div class="field has-addons" style="margin:0 10px;"> |
|||
<div class="control is-expanded"> |
|||
<input class="input" type="text" placeholder="Find a document" v-model="searchQuery" @keyup.enter="submit" |
|||
style="border-right:none;box-shadow: none;-webkit-box-shadow: none;"> |
|||
</div> |
|||
|
|||
<div class="control"> |
|||
<div class="dropdown is-hoverable"> |
|||
<div class="dropdown-trigger"> |
|||
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu" style="border-left:none"> |
|||
<span class="icon"> |
|||
<i class="fas fa-angle-down" aria-hidden="true"></i> |
|||
</span> |
|||
</button> |
|||
</div> |
|||
<div class="dropdown-menu" id="dropdown-menu" role="menu"> |
|||
<div class="dropdown-content"> |
|||
<a href="#" class="dropdown-item"> |
|||
Default |
|||
</a> |
|||
<a class="dropdown-item"> |
|||
Active |
|||
</a> |
|||
<a href="#" class="dropdown-item"> |
|||
Complete |
|||
</a> |
|||
<a href="#" class="dropdown-item"> |
|||
Probability |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="inbox-messages" id="inbox-messages" v-if="items.length"> |
|||
<div v-for="(msg, index) in items" class="card" v-bind:class="{ active: index == cur }" v-on:click="showMessage(index)" v-bind:data-preview-id="index"> |
|||
<div class="card-content" style="padding:1.2rem;"> |
|||
<div class="msg-header"> |
|||
<span class="msg-from"> |
|||
<div class="field is-grouped is-grouped-multiline"> |
|||
<div class="control" v-for="(annotation, index) in msg.labels"> |
|||
<div class="tags has-addons"> |
|||
<span class="tag is-dark"> |
|||
[[annotation.label.text]] |
|||
</span> |
|||
<span class="tag is-primary" v-if="annotation.label.prob">[[annotation.label.prob]]</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</span> |
|||
</div> |
|||
<div class="msg-snippet"> |
|||
<p>[[ msg.text.slice(0, 100) ]]</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="column is-7 message hero is-fullheight" id="message-pane"> |
|||
<div class="action-buttons"> |
|||
<div class="control is-grouped"> |
|||
<a class="button is-small" v-on:click="prevPage" v-shortkey="['ctrl', 'p']" @shortkey="prevPage"> |
|||
<i class="fa fa-chevron-left"></i> |
|||
</a> |
|||
<a class="button is-small" v-on:click="nextPage" v-shortkey="['ctrl', 'n']" @shortkey="nextPage"> |
|||
<i class="fa fa-chevron-right"></i> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="box message-preview"> |
|||
<div class="top" v-if="items.length"> |
|||
<div class="field is-grouped is-grouped-multiline"> |
|||
<div class="control" v-for="(annotation, index) in items[cur].labels"> |
|||
<div class="tags has-addons"> |
|||
<span class="tag is-dark"> |
|||
<button class="delete is-small" v-on:click="deleteLabel(index)"></button> |
|||
[[ annotation.label.text ]] |
|||
</span> |
|||
<span class="tag is-primary" v-if="annotation.label.prob">[[ annotation.label.prob ]]</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<hr> |
|||
<div class="content"> |
|||
<p style="line-height:2">[[ items[cur].text ]]</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script type="text/javascript" src="{% static 'js/main.js' %}"></script> |
|||
{% endblock %} |
Write
Preview
Loading…
Cancel
Save