archive-gh-me/simpread
1
0
Fork 0
mirror of https://github.com/Kenshin/simpread.git synced 2026-02-01 15:41:29 +00:00
Code Issues Projects Releases Wiki Activity

Add custom tag with include exclude by focus.jsx.

Browse Source
This commit is contained in:
Kenshin 2017-01-04 10:50:17 +08:00
parent d8120c18b9
commit eb5bb88fdb
2 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/assets/css/simpread.css
View File

@ -328,13 +328,7 @@ sr-opt-item[type="opacity"] input[type=range]:focus::-webkit-slider-runnable-tra
background: #00897B;
}
.ks-simpread-option-focus-shortcuts input[type="text"] {
text-transform: uppercase;
}
.ks-simpread-option-focus-shortcuts input[type="text"],
.ks-simpread-option-focus-include input[type="text"]
{
sr-opt-item input[type="text"] {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
@ -348,14 +342,16 @@ sr-opt-item[type="opacity"] input[type=range]:focus::-webkit-slider-runnable-tra
transition: all 0.3s;
}
.ks-simpread-option-focus-shortcuts input[type="text"]:focus,
.ks-simpread-option-focus-include input[type="text"]:focus
{
sr-opt-item input[type="text"]:focus {
border-bottom: 1px solid #00897B;
box-shadow: 0 1px 0 0 #00897B;
}
.ks-simpread-option-focus-exclude textarea {
sr-opt-item[type="shortcuts"] input[type="text"] {
text-transform: uppercase;
}
sr-opt-item[type="exclude"] textarea {
display: block;
width: 100%;
min-height: 100px;
@ -369,7 +365,7 @@ sr-opt-item[type="opacity"] input[type=range]:focus::-webkit-slider-runnable-tra
transition: all 0.3s;
}
.ks-simpread-option-focus-exclude textarea:focus {
sr-opt-item[type="exclude"] textarea:focus {
border-bottom: 1px solid #00897B;
box-shadow: 0 1px 0 0 #00897B;
}

6
src/option/focus.jsx
View File

@ -117,19 +117,19 @@ export default class FocusOpt extends React.Component {
</sr-opt-gp>
<sr-opt-gp>
<sr-opt-label>快捷键：</sr-opt-label>
<sr-opt-item type="ks-simpread-option-focus-shortcuts">
<sr-opt-item type="shortcuts">
<input ref="shortcuts" type="text" onKeyDown={ ()=> this.changeShortcuts() } onChange={ ()=>this.changeShortcuts() } />
</sr-opt-item>
</sr-opt-gp>
<sr-opt-gp>
<sr-opt-label>隐藏列表：</sr-opt-label>
<sr-opt-item class="ks-simpread-option-focus-exclude">
<sr-opt-item type="exclude">
<textarea ref="exclude" placeholder="每行一个，例如：<div class='xxxx'></div>" onChange={ ()=> this.changExclude() }></textarea>
</sr-opt-item>
</sr-opt-gp>
<sr-opt-gp>
<sr-opt-label>高亮区域：</sr-opt-label>
<sr-opt-item class="ks-simpread-option-focus-include">
<sr-opt-item type="include">
<input ref="include" type="text" placeholder="默认为空，自动选择高亮区域。" onChange={ ()=>this.changeInclude() } />
</sr-opt-item>
</sr-opt-gp>