mirror of
https://github.com/leanote/desktop-app.git
synced 2025-10-14 15:11:24 +00:00
布局优化, tag放到最后, confict按钮,
TODO, confict按钮点击显示冲突信息, 并有按钮标记解决冲突, 与查看与之总之的笔记
This commit is contained in:
life
77
note.html
77
note.html
@@ -23,13 +23,7 @@
|
||||
<!-- mdeditor -->
|
||||
<link href="public/dist/themes/default.css" rel="stylesheet" />
|
||||
<style>
|
||||
html, body {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
#noteItemList .item-conflict {
|
||||
border: 1px solid #E4DA2D;
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- For Develop writting mod -->
|
||||
<script>
|
||||
@@ -325,50 +319,21 @@ function log(o) {
|
||||
<div id="noteTop">
|
||||
<!-- 左侧放tag, 右侧放按钮, 比如save, info, move, delete -->
|
||||
<div id="tool" class="clearfix">
|
||||
<!-- tag可以参考 mac的文件tag, 预定义一些颜色, 用户也可以自己输入-->
|
||||
|
||||
<!--
|
||||
<div class="pull-left" id="noteTitleDiv">
|
||||
<input name="noteTitle" id="noteTitle" value="" placeholder="无标题">
|
||||
<div id="noteTitleDiv">
|
||||
<input name="noteTitle" id="noteTitle" value="" placeholder="UnTitled" tabindex="1" />
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div class="pull-left" id="tag">
|
||||
<div id="tags" style="display: inline-block; line-height: 25px;">
|
||||
</div>
|
||||
|
||||
<div class="dropdown" style="display: inline-block"
|
||||
id="tagDropdown">
|
||||
<i class="fa fa-bookmark-o"></i>
|
||||
<a
|
||||
class="metro-a dropdown-toggle" data-toggle="dropdown"
|
||||
id="addTagTrigger" style="cursor: text; padding-left: 0">
|
||||
<span class="add-tag-text">
|
||||
Click to add Tag
|
||||
</span>
|
||||
</a>
|
||||
<input type="text" id="addTagInput" />
|
||||
<ul class="dropdown-menu" role="menu" id="tagColor">
|
||||
<li role="presentation"><span class="label label-red">red</span>
|
||||
</li>
|
||||
<li role="presentation"><span class="label label-blue">blue</span>
|
||||
</li>
|
||||
<li role="presentation"><span class="label label-yellow">yellow</span></li>
|
||||
<li role="presentation"><span class="label label-green">green</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="pull-right" id="editorTool">
|
||||
|
||||
<!--
|
||||
<li><a class="ios7-a " id="saveBtn" title="Save ctrl+s"
|
||||
data-toggle="dropdown">
|
||||
<span class="fa fa-save"></span>
|
||||
<li>
|
||||
<a class="ios7-a" id="infoBtn" title="More inforamation" data-toggle="dropdown"><span class="fa fa-info"></span>
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
|
||||
<li class="dropdown" id="attachDropdown">
|
||||
<a class="ios7-a dropdown-toggle" data-toggle="dropdown" id="showAttach" title="Attachments">
|
||||
<span class="fa fa-paperclip"></span>
|
||||
@@ -420,10 +385,6 @@ function log(o) {
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="noteTitleDiv">
|
||||
<input name="noteTitle" id="noteTitle" value="" placeholder="UnTitled" tabindex="1" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="editor">
|
||||
@@ -559,6 +520,32 @@ function log(o) {
|
||||
<textarea id="md-section-helper"></textarea>
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div id="editorBottom">
|
||||
<div id="tag" class="clearfix">
|
||||
<div id="tags">
|
||||
</div>
|
||||
<div class="dropdown" style="" id="tagDropdown">
|
||||
<i class="fa fa-bookmark-o"></i>
|
||||
<a
|
||||
class="metro-a dropdown-toggle" data-toggle="dropdown"
|
||||
id="addTagTrigger" style="cursor: text; padding-left: 0">
|
||||
<span class="add-tag-text">
|
||||
Click to add Tag
|
||||
</span>
|
||||
</a>
|
||||
<input type="text" id="addTagInput" />
|
||||
<ul class="dropdown-menu" role="menu" id="tagColor">
|
||||
<li role="presentation"><span class="label label-red">red</span>
|
||||
</li>
|
||||
<li role="presentation"><span class="label label-blue">blue</span>
|
||||
</li>
|
||||
<li role="presentation"><span class="label label-yellow">yellow</span></li>
|
||||
<li role="presentation"><span class="label label-green">green</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -37,6 +37,14 @@
|
||||
}
|
||||
html,body {
|
||||
}
|
||||
#pageInner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
*,.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
@@ -89,21 +97,31 @@ h1, h2, h3 {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#tags {
|
||||
display: block; float: left;line-height: 25px;height: 25px;margin-top: 0;
|
||||
.label {
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
#tagDropdown {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#editor, #mdEditor{
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 66px;
|
||||
bottom: 0px;
|
||||
top: 36px;
|
||||
bottom: 30px;
|
||||
right: 0;
|
||||
left: 5px;
|
||||
// left: 5px;
|
||||
left: 0;
|
||||
padding: 0; // 0px 0px 0px 0px;
|
||||
display: none;
|
||||
}
|
||||
#mdEditor {
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
bottom: 5px;
|
||||
// bottom: 5px;
|
||||
#md-section-helper, #wmd-input {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
@@ -400,7 +418,7 @@ h1, h2, h3 {
|
||||
|
||||
// blog
|
||||
#noteItemList {
|
||||
.item-setting, .item-blog, .item-star {
|
||||
.item-setting, .item-blog, .item-star, .item-conflict-info {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
@@ -435,6 +453,15 @@ h1, h2, h3 {
|
||||
right: 23px;
|
||||
display: none;
|
||||
}
|
||||
.item-conflict-info {
|
||||
bottom: 0;
|
||||
right: 45px;
|
||||
.fa {
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
display: none;
|
||||
}
|
||||
|
||||
// 是star的
|
||||
.item-is-star {
|
||||
.item-star {
|
||||
@@ -453,6 +480,11 @@ h1, h2, h3 {
|
||||
.item-setting, .item-star {
|
||||
display: block;
|
||||
}
|
||||
&.item-conflict {
|
||||
.item-conflict-info {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// share
|
||||
@@ -765,15 +797,24 @@ h1, h2, h3 {
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#editorBottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 30px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 300px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
top: -130px;
|
||||
&:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
@@ -791,6 +832,9 @@ h1, h2, h3 {
|
||||
bottom: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// -------------------
|
||||
// mdeditor
|
||||
|
||||
@@ -1166,8 +1210,8 @@ top: 4px;
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
// border: 1px solid #ccc;
|
||||
// border-radius: 5px;
|
||||
padding: 5px;
|
||||
outline: none;
|
||||
margin-top: 5px;
|
||||
@@ -1191,7 +1235,6 @@ top: 4px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
// 不显示空白
|
||||
.ace_invisible_space {
|
||||
@@ -1342,4 +1385,73 @@ top: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
// width: 200px;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#noteTitleDiv {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 10px;
|
||||
// border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
// padding: 0px 3px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
// outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
|
||||
// todo 到markdown editor上删除
|
||||
#mdEditor .layout-wrapper-l3 {
|
||||
top: 30px;
|
||||
margin-top: 0 !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
#noteItemList .item-conflict {
|
||||
border: 2px solid #DBB624;
|
||||
}
|
||||
@@ -30,6 +30,14 @@
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#pageInner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
*,
|
||||
.h1,
|
||||
.h2,
|
||||
@@ -86,21 +94,33 @@ h3 {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#tags {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
margin-top: 0;
|
||||
}
|
||||
#tags .label {
|
||||
margin-right: 2px;
|
||||
}
|
||||
#tagDropdown {
|
||||
float: left;
|
||||
}
|
||||
#editor,
|
||||
#mdEditor {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 66px;
|
||||
bottom: 0px;
|
||||
top: 36px;
|
||||
bottom: 30px;
|
||||
right: 0;
|
||||
left: 5px;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
#mdEditor {
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
bottom: 5px;
|
||||
}
|
||||
#mdEditor #md-section-helper,
|
||||
#mdEditor #wmd-input {
|
||||
@@ -375,7 +395,8 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting,
|
||||
#noteItemList .item-blog,
|
||||
#noteItemList .item-star {
|
||||
#noteItemList .item-star,
|
||||
#noteItemList .item-conflict-info {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
@@ -390,12 +411,14 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting .fa,
|
||||
#noteItemList .item-blog .fa,
|
||||
#noteItemList .item-star .fa {
|
||||
#noteItemList .item-star .fa,
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-setting:hover,
|
||||
#noteItemList .item-blog:hover,
|
||||
#noteItemList .item-star:hover {
|
||||
#noteItemList .item-star:hover,
|
||||
#noteItemList .item-conflict-info:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
#noteItemList .item-blog {
|
||||
@@ -411,6 +434,14 @@ h3 {
|
||||
right: 23px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info {
|
||||
bottom: 0;
|
||||
right: 45px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
#noteItemList .item-is-star .item-star .fa:before {
|
||||
content: "\f005";
|
||||
}
|
||||
@@ -421,6 +452,9 @@ h3 {
|
||||
#noteItemList .item:hover .item-star {
|
||||
display: block;
|
||||
}
|
||||
#noteItemList .item:hover.item-conflict .item-conflict-info {
|
||||
display: block;
|
||||
}
|
||||
.friend-header {
|
||||
position: relative;
|
||||
}
|
||||
@@ -704,15 +738,24 @@ h3 {
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#editorBottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 30px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 300px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
top: -130px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
@@ -1070,8 +1113,6 @@ h3 {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
#editorContent {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
outline: none;
|
||||
margin-top: 5px;
|
||||
@@ -1220,6 +1261,62 @@ h3 {
|
||||
#starNotes li:hover .delete-star {
|
||||
display: block;
|
||||
}
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
#noteTitleDiv {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
#mdEditor .layout-wrapper-l3 {
|
||||
top: 30px;
|
||||
margin-top: 0 !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
#noteItemList .item-conflict {
|
||||
border: 2px solid #DBB624;
|
||||
}
|
||||
::selection {
|
||||
background: #000000;
|
||||
color: #ffffff;
|
||||
|
||||
@@ -30,6 +30,14 @@
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#pageInner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
*,
|
||||
.h1,
|
||||
.h2,
|
||||
@@ -86,21 +94,33 @@ h3 {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#tags {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
margin-top: 0;
|
||||
}
|
||||
#tags .label {
|
||||
margin-right: 2px;
|
||||
}
|
||||
#tagDropdown {
|
||||
float: left;
|
||||
}
|
||||
#editor,
|
||||
#mdEditor {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 66px;
|
||||
bottom: 0px;
|
||||
top: 36px;
|
||||
bottom: 30px;
|
||||
right: 0;
|
||||
left: 5px;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
#mdEditor {
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
bottom: 5px;
|
||||
}
|
||||
#mdEditor #md-section-helper,
|
||||
#mdEditor #wmd-input {
|
||||
@@ -375,7 +395,8 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting,
|
||||
#noteItemList .item-blog,
|
||||
#noteItemList .item-star {
|
||||
#noteItemList .item-star,
|
||||
#noteItemList .item-conflict-info {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
@@ -390,12 +411,14 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting .fa,
|
||||
#noteItemList .item-blog .fa,
|
||||
#noteItemList .item-star .fa {
|
||||
#noteItemList .item-star .fa,
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-setting:hover,
|
||||
#noteItemList .item-blog:hover,
|
||||
#noteItemList .item-star:hover {
|
||||
#noteItemList .item-star:hover,
|
||||
#noteItemList .item-conflict-info:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
#noteItemList .item-blog {
|
||||
@@ -411,6 +434,14 @@ h3 {
|
||||
right: 23px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info {
|
||||
bottom: 0;
|
||||
right: 45px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
#noteItemList .item-is-star .item-star .fa:before {
|
||||
content: "\f005";
|
||||
}
|
||||
@@ -421,6 +452,9 @@ h3 {
|
||||
#noteItemList .item:hover .item-star {
|
||||
display: block;
|
||||
}
|
||||
#noteItemList .item:hover.item-conflict .item-conflict-info {
|
||||
display: block;
|
||||
}
|
||||
.friend-header {
|
||||
position: relative;
|
||||
}
|
||||
@@ -704,15 +738,24 @@ h3 {
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#editorBottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 30px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 300px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
top: -130px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
@@ -1070,8 +1113,6 @@ h3 {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
#editorContent {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
outline: none;
|
||||
margin-top: 5px;
|
||||
@@ -1220,6 +1261,62 @@ h3 {
|
||||
#starNotes li:hover .delete-star {
|
||||
display: block;
|
||||
}
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
#noteTitleDiv {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
#mdEditor .layout-wrapper-l3 {
|
||||
top: 30px;
|
||||
margin-top: 0 !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
#noteItemList .item-conflict {
|
||||
border: 2px solid #DBB624;
|
||||
}
|
||||
::selection {
|
||||
background: #000000;
|
||||
color: #ffffff;
|
||||
@@ -1439,19 +1536,6 @@ a.raw:hover {
|
||||
#notebookMin div.minContainer ul li a {
|
||||
cursor: pointer;
|
||||
}
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
#noteAndEditor {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -1470,7 +1554,7 @@ a.raw:hover {
|
||||
top: 0;
|
||||
left: 250px;
|
||||
right: 0;
|
||||
padding-left: 5px;
|
||||
padding-left: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
background-color: #ffffff;
|
||||
@@ -1621,38 +1705,6 @@ a.raw:hover {
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #ebeff2;
|
||||
}
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
#noteTitleDiv {
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
padding: 0px 3px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: #ffffff;
|
||||
min-width: 300px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
/* 包裹iframe */
|
||||
#editor .mce-ifr {
|
||||
border: none;
|
||||
|
||||
@@ -257,21 +257,6 @@ a.raw:hover {
|
||||
}
|
||||
}
|
||||
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
|
||||
}
|
||||
|
||||
#noteAndEditor {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -292,7 +277,7 @@ a.raw:hover {
|
||||
top: 0;
|
||||
left: @noteListWidth;
|
||||
right: 0;
|
||||
padding-left: 5px;
|
||||
padding-left: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
background-color: @bgColor;
|
||||
@@ -453,47 +438,6 @@ a.raw:hover {
|
||||
border-bottom: 1px solid @borderColor;
|
||||
}
|
||||
|
||||
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
// width: 200px;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#noteTitleDiv {
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
padding: 0px 3px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
min-width: 300px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
// outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
#editorContent_ifr {
|
||||
}
|
||||
|
||||
/* 包裹iframe */
|
||||
#editor .mce-ifr {
|
||||
border: none;
|
||||
|
||||
@@ -30,6 +30,14 @@
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#pageInner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
*,
|
||||
.h1,
|
||||
.h2,
|
||||
@@ -86,21 +94,33 @@ h3 {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#tags {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
margin-top: 0;
|
||||
}
|
||||
#tags .label {
|
||||
margin-right: 2px;
|
||||
}
|
||||
#tagDropdown {
|
||||
float: left;
|
||||
}
|
||||
#editor,
|
||||
#mdEditor {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 66px;
|
||||
bottom: 0px;
|
||||
top: 36px;
|
||||
bottom: 30px;
|
||||
right: 0;
|
||||
left: 5px;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
#mdEditor {
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
bottom: 5px;
|
||||
}
|
||||
#mdEditor #md-section-helper,
|
||||
#mdEditor #wmd-input {
|
||||
@@ -375,7 +395,8 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting,
|
||||
#noteItemList .item-blog,
|
||||
#noteItemList .item-star {
|
||||
#noteItemList .item-star,
|
||||
#noteItemList .item-conflict-info {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
@@ -390,12 +411,14 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting .fa,
|
||||
#noteItemList .item-blog .fa,
|
||||
#noteItemList .item-star .fa {
|
||||
#noteItemList .item-star .fa,
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-setting:hover,
|
||||
#noteItemList .item-blog:hover,
|
||||
#noteItemList .item-star:hover {
|
||||
#noteItemList .item-star:hover,
|
||||
#noteItemList .item-conflict-info:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
#noteItemList .item-blog {
|
||||
@@ -411,6 +434,14 @@ h3 {
|
||||
right: 23px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info {
|
||||
bottom: 0;
|
||||
right: 45px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
#noteItemList .item-is-star .item-star .fa:before {
|
||||
content: "\f005";
|
||||
}
|
||||
@@ -421,6 +452,9 @@ h3 {
|
||||
#noteItemList .item:hover .item-star {
|
||||
display: block;
|
||||
}
|
||||
#noteItemList .item:hover.item-conflict .item-conflict-info {
|
||||
display: block;
|
||||
}
|
||||
.friend-header {
|
||||
position: relative;
|
||||
}
|
||||
@@ -704,15 +738,24 @@ h3 {
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#editorBottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 30px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 300px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
top: -130px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
@@ -1070,8 +1113,6 @@ h3 {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
#editorContent {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
outline: none;
|
||||
margin-top: 5px;
|
||||
@@ -1220,6 +1261,62 @@ h3 {
|
||||
#starNotes li:hover .delete-star {
|
||||
display: block;
|
||||
}
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
#noteTitleDiv {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
#mdEditor .layout-wrapper-l3 {
|
||||
top: 30px;
|
||||
margin-top: 0 !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
#noteItemList .item-conflict {
|
||||
border: 2px solid #DBB624;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
|
||||
@@ -30,6 +30,14 @@
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#pageInner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
*,
|
||||
.h1,
|
||||
.h2,
|
||||
@@ -86,21 +94,33 @@ h3 {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#tags {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
margin-top: 0;
|
||||
}
|
||||
#tags .label {
|
||||
margin-right: 2px;
|
||||
}
|
||||
#tagDropdown {
|
||||
float: left;
|
||||
}
|
||||
#editor,
|
||||
#mdEditor {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 66px;
|
||||
bottom: 0px;
|
||||
top: 36px;
|
||||
bottom: 30px;
|
||||
right: 0;
|
||||
left: 5px;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
#mdEditor {
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
bottom: 5px;
|
||||
}
|
||||
#mdEditor #md-section-helper,
|
||||
#mdEditor #wmd-input {
|
||||
@@ -375,7 +395,8 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting,
|
||||
#noteItemList .item-blog,
|
||||
#noteItemList .item-star {
|
||||
#noteItemList .item-star,
|
||||
#noteItemList .item-conflict-info {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
@@ -390,12 +411,14 @@ h3 {
|
||||
}
|
||||
#noteItemList .item-setting .fa,
|
||||
#noteItemList .item-blog .fa,
|
||||
#noteItemList .item-star .fa {
|
||||
#noteItemList .item-star .fa,
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-setting:hover,
|
||||
#noteItemList .item-blog:hover,
|
||||
#noteItemList .item-star:hover {
|
||||
#noteItemList .item-star:hover,
|
||||
#noteItemList .item-conflict-info:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
#noteItemList .item-blog {
|
||||
@@ -411,6 +434,14 @@ h3 {
|
||||
right: 23px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info {
|
||||
bottom: 0;
|
||||
right: 45px;
|
||||
display: none;
|
||||
}
|
||||
#noteItemList .item-conflict-info .fa {
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
#noteItemList .item-is-star .item-star .fa:before {
|
||||
content: "\f005";
|
||||
}
|
||||
@@ -421,6 +452,9 @@ h3 {
|
||||
#noteItemList .item:hover .item-star {
|
||||
display: block;
|
||||
}
|
||||
#noteItemList .item:hover.item-conflict .item-conflict-info {
|
||||
display: block;
|
||||
}
|
||||
.friend-header {
|
||||
position: relative;
|
||||
}
|
||||
@@ -704,15 +738,24 @@ h3 {
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#editorBottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 30px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 300px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
top: -130px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
@@ -1070,8 +1113,6 @@ h3 {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
#editorContent {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
outline: none;
|
||||
margin-top: 5px;
|
||||
@@ -1220,6 +1261,62 @@ h3 {
|
||||
#starNotes li:hover .delete-star {
|
||||
display: block;
|
||||
}
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #f5f6f7;
|
||||
border-top: 1px solid transparent;
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
#noteTitleDiv {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
#mdEditor .layout-wrapper-l3 {
|
||||
top: 30px;
|
||||
margin-top: 0 !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
#noteItemList .item-conflict {
|
||||
border: 2px solid #DBB624;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
|
||||
@@ -12,7 +12,7 @@ Note.curNoteId = "";
|
||||
Note.interval = ""; // 定时器
|
||||
|
||||
// 这里, settings, blog, star
|
||||
Note.itemIsBlog = '<div class="item-blog"><i class="fa fa-bold" title="blog"></i></div><div class="item-star"><i class="fa fa-star-o" title="Star"></i></div><div class="item-setting"><i class="fa fa-cog" title="setting"></i></div>';
|
||||
Note.itemIsBlog = '<div class="item-blog"><i class="fa fa-bold" title="blog"></i></div><div class="item-conflict-info"><i class="fa fa-bug" title="Conflict!!"></i></div><div class="item-star"><i class="fa fa-star-o" title="Star"></i></div><div class="item-setting"><i class="fa fa-cog" title="Setting"></i></div>';
|
||||
|
||||
// for render
|
||||
Note.itemTplNoImg = '<li href="#" class="item ?" noteId="?">'
|
||||
|
||||
Reference in New Issue
Block a user