Skip to content

Commit 01eb759

Browse files
fuzihaofzhfuzihaofzh
committed
fix theme, add new icons
1 parent 36d3f2c commit 01eb759

File tree

7 files changed

+3307
-480
lines changed

7 files changed

+3307
-480
lines changed

‎index.html

Lines changed: 46 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -23,69 +23,77 @@
2323
display: none !important;
2424
}
2525
td {background-color: #fdf6e3 ;font-size:120%}
26-
td:hover {background-color: #F5F0E1 !important;}
26+
td:hover {background-color: #f9f2df !important;}
2727
.el-input__inner:{background-color: #fdf6e3 !important}
2828
#el-input-search {background-color: #fdf6e3 !important;}
2929
#el-input-search:focus {background-color: #fdf6e3;}
3030
#el-main-table {background-color: #fdf6e3;}
31+
.my-el-button{background-color:#fdf6e3 !important; margin-top: 1px;}
32+
.my-el-button:hover{background-color:#EAE0C0 !important;border-color: #DDDFE5 !important;color: #606266 !important; }
3133
.foot_tags { float:right; }
3234
.el-tree{
33-
background: rgba(0,0,0,0);
35+
background: rgba(0,0,0,0) !important;
3436
min-width: 100%;
3537
display: inline-block !important;
3638
}
37-
38-
.el-tree-node.is-current > .el-tree-node__content {
39-
background-color: #ebe3cc !important;
39+
.el-tree-node__content {
40+
background-color: #fdf6e3 !important;
4041
}
41-
.el-tree-node__content:active {background-color: #ebe3cc !important;
42+
.el-tree-node.is-current > .el-tree-node__content {
43+
background-color: #DECB88 !important;
4244
}
43-
.el-tree-node__content:hover {background-color: #f9f2df !important;
45+
.el-tree-node__content:hover {background-color: #EAE0C0 !important;
4446
}
45-
.tag-list{ background: rgba(0,0,0,0);}
46-
.tag-list:hover{cursor: pointer; background-color: #EEF5FE}
47-
.tag-list-toggle{ background: #5A9CF8;color:white;}
48-
.tag-list-toggle:hover{ background: #5A9CF8;color:white;}
47+
48+
.main-tag-list, .tag-list{ background: #fdf6e3;border: 0px;color: #586e75;}
49+
.main-tag-list:hover{cursor: default; background-color: #EAE0C0}
50+
.tag-list:hover{cursor: pointer; background-color: #EAE0C0}
51+
.tag-list-toggle, .tag-list-toggle:hover, .main-tag-list-toggle, .main-tag-list-toggle:hover{ background: #DECB88;}
4952

5053
.split {
5154
display: flex;
5255
flex-direction: row;
5356
}
5457
.gutter {
55-
background-color: #eee;
58+
background-color: #eee8d5;
5659
background-repeat: no-repeat;
5760
background-position: 50%;
5861
}
5962
.gutter.gutter-horizontal {
6063
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
6164
cursor: col-resize;
6265
}
63-
.gutter {
64-
background-color: #eee;
65-
background-repeat: no-repeat;
66-
background-position: 50%;
67-
}
6866
.gutter.gutter-vertical {
6967
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
7068
cursor: row-resize;
7169
}
72-
7370
img{
7471
opacity: .6;
7572
cursor:pointer;
7673
width: 1em;
7774
}
75+
.grabbable {
76+
cursor: move;
77+
cursor: grab;
78+
cursor: -moz-grab;
79+
cursor: -webkit-grab;
80+
}
81+
.grabbable:active {
82+
cursor: grabbing;
83+
cursor: -moz-grabbing;
84+
cursor: -webkit-grabbing;
85+
}
7886
</style>
7987

8088
<body style="overflow-y:hidden" bgcolor="#fdf6e3">
8189
<div id="app">
82-
<div style="float:right; width:210px; margin-bottom: 8px;">
83-
<el-button icon="el-icon-plus" @click="openPdfFile">Add</el-button>
84-
<el-button icon="el-icon-setting" @click="itemConfigFormVisible = true">Config</el-button>
90+
<div style="float:right; width:128px; margin-bottom: 8px;">
91+
<el-button icon="el-icon-plus" @click="openPdfFile" class="my-el-button" plain><!--Add--></el-button>
92+
<el-button icon="el-icon-setting" @click="itemConfigFormVisible = true" class="my-el-button" plain><!--Config--></el-button>
8593
</div>
86-
<div style="margin-right: 220px;margin-bottom: 8px;">
87-
<el-input id="el-input-search" placeholder="Please input query (support regular expressions）" v-model="userInputSearchText" autofocus v-on:input="searchContent" style="width:100%" ref="searchBox">
88-
<el-button slot="append" icon="el-icon-search" @click="searchContent"></el-button>
94+
<div style="margin-right: 138px;margin-bottom: 8px;">
95+
<el-input id="el-input-search" placeholder="Please input query (support regular expressions）" v-model="userInputSearchText" autofocus v-on:input="searchContent" style="width:100%; margin-top: 1px;" ref="searchBox">
96+
<el-button slot="append" icon="el-icon-search" @click="searchContent" class="my-el-button"></el-button>
8997
<el-button id="el-input-clear-search" slot="append" style="display:none" @click="searchContent('')"></el-button>
9098
</el-input>
9199
</div>
@@ -134,11 +142,11 @@
134142
</div>
135143
</el-dialog>
136144

137-
<div class="split" style="height: 100%;">
145+
<div class="split" style="height: 100%; border-style: solid;border-width: 2px; border-color: #eee8d5; border-bottom: none;">
138146
<div id="split-0">
139147
<div id="split-00">
140148
<el-scrollbar style="height: 100%;">
141-
<el-tree :data="treePath" :highlight-current="true" :expand-on-click-node="false" default-expand-all @node-click="handleLibraryNodeClick">
149+
<el-tree :data="treePath" :highlight-current="true" :expand-on-click-node="false" default-expand-all @node-click="handleLibraryNodeClick" node-key="node.path" ref="library-tree" draggable @node-drop="handleLibraryTreeNodeDrop">
142150
<span class="custom-tree-node" slot-scope="{ node, data }">
143151
<span class="tree-label" v-show="data.isEdit">
144152
<i class="el-icon-delete" @mousedown="handleTreeFinishEdit(data, true)"></i>
@@ -147,8 +155,7 @@
147155
@blur="handleTreeFinishEdit(data)"
148156
@keyup.enter.native="handleTreeFinishEdit(data)"></el-input>
149157
</span>
150-
<span @drop="handleLibraryNodeDrop($event)" @dragover.prevent :path="data.path" class="custom-tree-node" @dblclick='handleLibraryNodeDBClick($event, data)'>
151-
{{ node.label }}
158+
<span @drop="handleLibraryNodeDrop($event)" @dragover.prevent :path="data.path" class="custom-tree-node" @dblclick='handleLibraryNodeDBClick($event, data)' v-html='node.label'>
152159
</span>
153160
</span>
154161
</el-tree>
@@ -165,34 +172,34 @@
165172
@blur="handleTagsFinishEdit(key, value)"
166173
@keyup.enter.native="handleTagsFinishEdit(key, value)"></el-input>
167174
</span>
168-
<span v-html="key + '(' + value.count.toString() + ')'" @click="leftTagClick($event);" @dblclick='handleLibraryNodeDBClick($event, value)' v-show="!value.isEdit"></span> </el-tag>
175+
<span v-html="key + '(' + value.count.toString() + ')'" @click="leftTagClick($event);" @dblclick='handleLibraryNodeDBClick($event, value)' v-show="!value.isEdit"></span> </el-tag><small>&nbsp;</small>
169176
</div>
170177
</el-scrollbar>
171178
</div>
172179
</div>
173180
<div id="split-1">
174-
<el-table id="el-main-table" :data="tableData" border height="100%" style=" width: 100%" :default-sort="{prop: 'paper', order: 'descending'}" @cell-dblclick="onCellDBClick">
181+
<el-table id="el-main-table" :data="tableData" height="100%" style=" width: 100%;" :default-sort="{prop: 'paper', order: 'descending'}" @cell-dblclick="onCellDBClick">
175182
<el-table-column prop="paper" label="Paper" sortable :sort-method="sortTableItem">
176183
<template slot-scope="table">
177184
<lazy-component wrapper-tag="section" root-margin="2000px 2000px 2000px 2000px" @intersected="renderWithKatex">
178-
<big><span draggable="true" :name="table.row.name" @dragstart="handleItemIconDrag($event)">&#x1F4C4</span>&nbsp<strong v-html="table.row.title" class="default-font"></strong></big>
185+
<span draggable="true" :name="table.row.name" @dragstart="handleItemIconDrag($event)" class = "grabbable">&#x1F4C4</span>&nbsp<span v-html="table.row.title" class="default-font" style="color: #073642; font-weight: bold; font-size: large;"></span>
179186
<span>&nbsp &nbsp</span>
180-
<span v-html="table.row.name" @click="openPdfFileWithSystemTool(table.row.name)" style="color:#72ACE3; cursor:pointer;" class="default-font"></span>
187+
<span v-html="table.row.name" @click="openPdfFileWithSystemTool(table.row.name)" style="color:#268bd2; cursor:pointer;" class="default-font"></span>
181188
<br>
182-
<span v-html="table.row.authors.replace(/\n/g, ', ')" style="white-space: pre-line;color:#2B652A" class="default-font"></span>
189+
<span v-html="table.row.authors.replace(/\n/g, ', ')" style="white-space: pre-line;color:#859900" class="default-font"></span>
183190
<br>
184-
<span v-html="table.row.comment" class="default-font"></span>
191+
<span v-html="renderComments(table.row.comment)" class="default-font"></span>
185192
<span class="foot_tags" class="default-font">
186-
<span>&#x1F3F7</span>
187-
<span> <el-tag v-for="item in table.row.tags.split(',')" v-if="item.length !== 0" size="mini" :mtag="item"> <span v-html="item" @click="leftTagClick($event);"></span> </el-tag> </span>
193+
<span><i class="el-icon-price-tag"></i></span>
194+
<span v-for="item in table.row.tags.split(',')" v-if="item.length !== 0"> <el-tag size="mini" :mtag="item.trim()" class="main-tag-list"> <span v-html="item" @click="mainTagClick($event);"></span> </el-tag> <small>&nbsp;</small> </span>
188195
<span @click="searchTitleInBrowser(table.row.title, 'search')"><img class="search_icons" src="icons/google-brands.svg" alt="Google"></img></span>
189196
<span @click="searchTitleInBrowser(table.row.title, 'googlescholar')"><img class="search_icons" src="icons/google-scholar.svg" alt="google-scholar"></span>
190197
<span @click="searchTitleInBrowser(table.row.title, 'github')"><img class="search_icons" src="icons/github-brands.svg" alt="Github"></span>
191198
<span @click="searchTitleInBrowser(table.row.title, 'dblp')"><img class="search_icons" src="icons/icon_dblp_bw.svg" alt="dblp"></span>
192-
<span>&#x1F4C5</span>
193-
<span v-html="table.row.addTime"></span>
199+
<span><i class="el-icon-date"></i></span>
200+
<span v-html="table.row.addTime.slice" style="color: #93a1a1;font-size: small;"></span>
194201
<span >&#x270F</span>
195-
<span v-html="table.row.updateTime"></span>
202+
<span v-html="table.row.updateTime" style="color: #93a1a1;font-size: small;"></span>
196203
</span>
197204
</lazy-component>
198205
</template>

0 commit comments

Comments
 (0)