ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 01:52:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

webterm: implement underline and blink styles

Browse Source
This commit is contained in:
fang 2020-11-10 01:37:40 +01:00
parent ee55f34a72
commit e3dba290c9
No known key found for this signature in database
GPG Key ID: EB035760C1BBA972
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pkg/interface/src/views/apps/term/components/line.js
View File

@ -15,8 +15,8 @@ export default React.memo(({line}) => {
switch (deco) { switch (deco) {
case null: return prop; case null: return prop;
case 'br': return {bold: true, ...prop}; case 'br': return {bold: true, ...prop};
case 'bl': return {blink: true, ...prop}; //TODO case 'bl': return {className: 'blink', ...prop};
case 'un': return {textDecoration: 'underline', ...prop}; //TODO fixme case 'un': return {style: {textDecoration: 'underline'}, ...prop};
default: console.log('weird deco', deco); return prop; default: console.log('weird deco', deco); return prop;
} }
}, {}); }, {});

12
pkg/interface/src/views/apps/term/css/custom.css
View File

@ -3,6 +3,18 @@ input#term {
color: inherit; color: inherit;
} }
.blink {
animation: 4s ease-in-out infinite opacity_blink;
}
@keyframes opacity_blink {
0% { opacity: 0; }
10% { opacity: 1; }
80% { opacity: 1; }
90% { opacity: 0; }
100% { opacity: 0; }
}
/* responsive */ /* responsive */
@media all and (max-width: 34.375em) { @media all and (max-width: 34.375em) {
.h-100-m40-s { .h-100-m40-s {