hiro/tridactyl
1
0
Fork 0
mirror of https://github.com/vale981/tridactyl synced 2025-03-05 09:31:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'master' of github.com:cmcaine/tridactyl into glacambre-impl_#309

Browse source
This commit is contained in:
Oliver Blanthorn 2018-03-05 13:23:26 +00:00
commit a0e465c7b0
No known key found for this signature in database
GPG key ID: 2BB8C36BB504BFF3
9 changed files with 50 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -10,6 +10,7 @@
"@types/node": "^8.0.46",
"awesome-typescript-loader": "^3.2.3",
"chokidar-cli": "^1.2.0",
"cleanslate": "^0.10.1",
"copy-webpack-plugin": "^4.2.0",
"jest": "^21.2.1",
"shared-git-hooks": "^1.2.1",

7
scripts/build.sh
View file

@ -4,6 +4,7 @@ set -e
PATH=$(npm bin):"$PATH"
export PATH
CLEANSLATE="node_modules/cleanslate/docs/files/cleanslate.css"
mkdir -p generated/static
scripts/excmds_macros.py
@ -13,3 +14,9 @@ scripts/make_docs.sh &
(webpack --display errors-only && scripts/git_version.sh)&
wait
if [ -e "$CLEANSLATE" ] ; then
cp "$CLEANSLATE" build/static/cleanslate.css
else
echo "Couldn't find cleanslate.css. Try running 'npm install'"
fi

5
src/commandline_content.ts
View file

@ -20,6 +20,7 @@ function init(){
if (cmdline_iframe === undefined) {
try {
cmdline_iframe = window.document.createElement("iframe")
cmdline_iframe.className = "cleanslate"
cmdline_iframe.setAttribute("src", browser.extension.getURL("static/commandline.html"))
cmdline_iframe.setAttribute("id", "cmdline_iframe")
hide()
@ -36,11 +37,11 @@ init()
export function show(){
const height = cmdline_iframe.contentWindow.document.body.offsetHeight + 'px'
cmdline_iframe.setAttribute("style", `height: ${height};`)
cmdline_iframe.setAttribute("style", `height: ${height} !important;`)
}
export function hide(){
cmdline_iframe.setAttribute("style", "height: 0px;")
cmdline_iframe.setAttribute("style", "height: 0px !important;")
}
export function focus(){

2
src/excmds.ts
View file

@ -1381,7 +1381,7 @@ export function set(key: string, ...values: string[]) {
if (Array.isArray(currentValue)) {
config.set(...target, values)
} else if (typeof currentValue === "string") {
} else if (currentValue === undefined || typeof currentValue === "string") {
config.set(...target, values.join(' '))
} else {
throw "Unsupported setting type!"

6
src/hinting.ts
View file

@ -25,7 +25,7 @@ const logger = new Logger('hinting')
/** Simple container for the state of a single frame's hints. */
class HintState {
public focusedHint: Hint
readonly hintHost = html`<div class="TridactylHintHost">`
readonly hintHost = html`<div class="TridactylHintHost cleanslate">`
readonly hints: Hint[] = []
public filter = ''
public hintchars = ''
@ -167,8 +167,8 @@ class Hint {
/* left: ${rect.left}px; */
/* ` */
this.flag.style.cssText = `
top: ${window.scrollY + rect.top}px;
left: ${window.scrollX + rect.left}px;
top: ${window.scrollY + rect.top}px !important;
left: ${window.scrollX + rect.left}px !important;
`
modeState.hintHost.appendChild(this.flag)
target.classList.add('TridactylHintElem')

1
src/manifest.json
View file

@ -24,6 +24,7 @@
"content.js"
],
"css": [
"static/cleanslate.css",
"static/content.css",
"static/hint.css"
],

1
src/static/commandline.html
View file

@ -1,6 +1,7 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="cleanslate.css">
<link rel="stylesheet" href="commandline.css">
</head>
<body>

22
src/static/content.css
View file

@ -1,13 +1,13 @@
#cmdline_iframe {
position: fixed;
bottom: 0;
left: 0;
z-index: 2147483647;
width: 100%;
height: 0;
border: 0;
padding: 0;
margin: 0;
min-height: 0;
max-height: none;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
z-index: 2147483647 !important;
width: 100% !important;
height: 0 !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
max-height: none !important;
}

44
src/static/hint.css
View file

@ -1,36 +1,36 @@
span.TridactylHint {
position: absolute;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: white;
background-color: red;
border-color: ButtonShadow;
border-width: 0px;
min-width: .75em;
border-style: solid;
padding: 0 1pt;
text-align: center;
z-index: 2147483647;
position: absolute !important;
font-family: sans-serif !important;
font-size: 12px !important;
font-weight: bold !important;
text-transform: uppercase !important;
color: white !important;
background-color: red !important;
border-color: ButtonShadow !important;
border-width: 0px !important;
min-width: .75em !important;
border-style: solid !important;
padding: 0 1pt !important;
text-align: center !important;
z-index: 2147483647 !important;
}
.TridactylHintElem, .TridactylHintActive {
color: black !important;
animation: none;
transition: unset;
color: black !important !important;
animation: none !important;
transition: unset !important;
}
.TridactylHintElem {
background-color: rgba(255, 255, 0, 0.25);
outline: 1px solid #8F5902;
background-color: rgba(255, 255, 0, 0.25) !important;
outline: 1px solid #8F5902 !important;
}
.TridactylHintActive {
background-color: #88FF00;
outline: 1px solid #CC0000;
background-color: #88FF00 !important;
outline: 1px solid #CC0000 !important;
}
div.TridactylHintHost {
position: static !important;
position: static !important !important;
}