Compare commits
4 commits
4cb6ddc416
...
48c6ae7efb
Author | SHA1 | Date | |
---|---|---|---|
48c6ae7efb | |||
fc5dbe93e7 | |||
d8343f5976 | |||
157bb9fc47 |
4 changed files with 10 additions and 10 deletions
|
@ -54,12 +54,12 @@ class Homeserver extends ElemJS {
|
||||||
constructor() {
|
constructor() {
|
||||||
super(q("#homeserver"));
|
super(q("#homeserver"));
|
||||||
|
|
||||||
this.tippy = tippy.default(q("#homeserver-question"), {
|
this.tippy = tippy.default(q(".homeserver-question"), {
|
||||||
content: q("#homeserver-popup-template").innerHTML,
|
content: q("#homeserver-popup-template").innerHTML,
|
||||||
allowHTML: true,
|
allowHTML: true,
|
||||||
interactive: true,
|
interactive: true,
|
||||||
interactiveBorder: 10,
|
interactiveBorder: 10,
|
||||||
trigger: "mouseenter",
|
trigger: "focus mouseenter",
|
||||||
theme: "carbon",
|
theme: "carbon",
|
||||||
arrow: tippy.roundArrow,
|
arrow: tippy.roundArrow,
|
||||||
})
|
})
|
||||||
|
|
|
@ -24,7 +24,7 @@ html
|
||||||
.form-input-container
|
.form-input-container
|
||||||
.homeserver-label
|
.homeserver-label
|
||||||
label(for="homeserver") Homeserver
|
label(for="homeserver") Homeserver
|
||||||
span#homeserver-question (What's this?)
|
span.homeserver-question(tabindex=0) (What's this?)
|
||||||
input(type="text" name="homeserver" placeholder="matrix.org")#homeserver
|
input(type="text" name="homeserver" placeholder="matrix.org")#homeserver
|
||||||
|
|
||||||
#feedback
|
#feedback
|
||||||
|
|
|
@ -44,9 +44,8 @@
|
||||||
.form-error
|
.form-error
|
||||||
color: red
|
color: red
|
||||||
|
|
||||||
#homeserver-question
|
.homeserver-question
|
||||||
font-size: 0.6em
|
font-size: 0.8em
|
||||||
padding-left: 0.2em
|
|
||||||
|
|
||||||
.homeserver-label
|
.homeserver-label
|
||||||
display: flex
|
display: flex
|
||||||
|
|
|
@ -5,5 +5,6 @@
|
||||||
.tippy-box[data-theme~="carbon"]
|
.tippy-box[data-theme~="carbon"]
|
||||||
background-color: c.$milder
|
background-color: c.$milder
|
||||||
border: 2px solid c.$divider
|
border: 2px solid c.$divider
|
||||||
|
|
||||||
.tippy-svg-arrow
|
.tippy-svg-arrow
|
||||||
fill: c.$milder
|
fill: c.$milder
|
||||||
|
|
Loading…
Reference in a new issue