ui improvements
- update dot style - hide dot and tooltip for quote item - hide scrollbar on firefox - add hover effect for control btns - fix url regex
This commit is contained in:
@@ -34,6 +34,9 @@
|
|||||||
.flow-reply-row::-webkit-scrollbar {
|
.flow-reply-row::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.flow-reply-row {
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
.flow-reply-row:empty {
|
.flow-reply-row:empty {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
@@ -138,13 +141,13 @@
|
|||||||
|
|
||||||
.flow-item-dot {
|
.flow-item-dot {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: calc(-.5em - 5px);
|
top: calc(-.5em - 4px);
|
||||||
left: calc(-.5em - 5px);
|
left: calc(-.5em - 4px);
|
||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
margin-bottom: -10px;
|
margin-bottom: -10px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: orange;
|
background-color: #ffbb44;
|
||||||
box-shadow: 0 0 5px rgba(0,0,0,.4);
|
box-shadow: 0 0 5px rgba(0,0,0,.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -155,6 +158,7 @@
|
|||||||
.box-id {
|
.box-id {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-id a:hover::before {
|
.box-id a:hover::before {
|
||||||
content: "复制全文";
|
content: "复制全文";
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -182,6 +186,11 @@
|
|||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flow-item-quote .flow-item-dot,
|
||||||
|
.flow-item-quote .box-id a:hover::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.quote-tip {
|
.quote-tip {
|
||||||
margin-top: .5em;
|
margin-top: .5em;
|
||||||
margin-bottom: -10em; /* so that it will not block reply bar */
|
margin-bottom: -10em; /* so that it will not block reply bar */
|
||||||
|
|||||||
@@ -34,6 +34,11 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
.control-btn:hover {
|
||||||
|
background-color: #555555;
|
||||||
|
color: white;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.control-btn .icon:before {
|
.control-btn .icon:before {
|
||||||
margin: .5em;
|
margin: .5em;
|
||||||
|
|||||||
@@ -7,9 +7,12 @@ body {
|
|||||||
background-color: #124;
|
background-color: #124;
|
||||||
}
|
}
|
||||||
|
|
||||||
body::-webkit-scrollbar {
|
html::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
html {
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
body, textarea, pre {
|
body, textarea, pre {
|
||||||
font-family: 'Segoe UI', '微软雅黑', 'Microsoft YaHei', sans-serif;
|
font-family: 'Segoe UI', '微软雅黑', 'Microsoft YaHei', sans-serif;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
export const PID_RE=/(^|[^\d])([1-9]\d{4,5})(?!\d|\u20e3|\ufe0e|\ufe0f)/g;
|
export const PID_RE=/(^|[^\d])([1-9]\d{4,5})(?!\d|\u20e3|\ufe0e|\ufe0f)/g;
|
||||||
export const NICKNAME_RE=/(^|[^A-Za-z])((?:(?:Angry|Baby|Crazy|Diligent|Excited|Fat|Greedy|Hungry|Interesting|Japanese|Kind|Little|Magic|Naïve|Old|Powerful|Quiet|Rich|Superman|THU|Undefined|Valuable|Wifeless|Xiangbuchulai|Young|Zombie)\s)?(?:Alice|Bob|Carol|Dave|Eve|Francis|Grace|Hans|Isabella|Jason|Kate|Louis|Margaret|Nathan|Olivia|Paul|Queen|Richard|Susan|Thomas|Uma|Vivian|Winnie|Xander|Yasmine|Zach)|You Win(?: \d+)?|洞主)(?![A-Za-z])/gi;
|
export const NICKNAME_RE=/(^|[^A-Za-z])((?:(?:Angry|Baby|Crazy|Diligent|Excited|Fat|Greedy|Hungry|Interesting|Japanese|Kind|Little|Magic|Naïve|Old|Powerful|Quiet|Rich|Superman|THU|Undefined|Valuable|Wifeless|Xiangbuchulai|Young|Zombie)\s)?(?:Alice|Bob|Carol|Dave|Eve|Francis|Grace|Hans|Isabella|Jason|Kate|Louis|Margaret|Nathan|Olivia|Paul|Queen|Richard|Susan|Thomas|Uma|Vivian|Winnie|Xander|Yasmine|Zach)|You Win(?: \d+)?|洞主)(?![A-Za-z])/gi;
|
||||||
export const URL_RE=/(?:^|\b)((?:https?:\/\/)?(?:(?:[\w-]+\.)+[a-zA-Z]{2,3}|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d{1,5})?(?:\/[\w~!@#$%^&*()-_=+[\];,./?]*)?)(?![a-zA-Z0-9])/gi;
|
export const URL_RE=/(^|[^@a-zA-Z0-9_])((?:https?:\/\/)?(?:(?:[\w-]+\.)+[a-zA-Z]{2,3}|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d{1,5})?(?:\/[\w~!@#$%^&*()\-_=+[\];,./?]*)?)(?![a-zA-Z0-9])/gi;
|
||||||
|
|
||||||
export function split_text(txt,rules) {
|
export function split_text(txt,rules) {
|
||||||
// rules: [['name',/regex/],...]
|
// rules: [['name',/regex/],...]
|
||||||
|
|||||||
Reference in New Issue
Block a user