Remove <br> above open-welcom-message
Use Tailwind Class styles instead.
This commit is contained in:
parent
3b385c56e3
commit
d3b39fbe54
3 changed files with 5 additions and 8 deletions
|
@ -42,8 +42,8 @@ export class InitUiElements {
|
||||||
|
|
||||||
|
|
||||||
static InitAll(layoutToUse: LayoutConfig, layoutFromBase64: string, testing: UIEventSource<string>, layoutName: string,
|
static InitAll(layoutToUse: LayoutConfig, layoutFromBase64: string, testing: UIEventSource<string>, layoutName: string,
|
||||||
layoutDefinition: string = "") {
|
layoutDefinition: string = "") {
|
||||||
|
|
||||||
if (layoutToUse === undefined) {
|
if (layoutToUse === undefined) {
|
||||||
console.log("Incorrect layout")
|
console.log("Incorrect layout")
|
||||||
new FixedUiElement(`Error: incorrect layout <i>${layoutName}</i><br/><a href='https://${window.location.host}/'>Go back</a>`).AttachTo("centermessage").onClick(() => {
|
new FixedUiElement(`Error: incorrect layout <i>${layoutName}</i><br/><a href='https://${window.location.host}/'>Go back</a>`).AttachTo("centermessage").onClick(() => {
|
||||||
|
@ -216,7 +216,7 @@ export class InitUiElements {
|
||||||
State.state.locationControl.ping();
|
State.state.locationControl.ping();
|
||||||
// Reset the loading message once things are loaded
|
// Reset the loading message once things are loaded
|
||||||
new CenterMessageBox().AttachTo("centermessage");
|
new CenterMessageBox().AttachTo("centermessage");
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
static LoadLayoutFromHash(userLayoutParam: UIEventSource<string>) {
|
static LoadLayoutFromHash(userLayoutParam: UIEventSource<string>) {
|
||||||
|
@ -260,7 +260,7 @@ export class InitUiElements {
|
||||||
|
|
||||||
const fullOptions = new FullWelcomePaneWithTabs();
|
const fullOptions = new FullWelcomePaneWithTabs();
|
||||||
|
|
||||||
const help = Svg.help_svg().SetClass("open-welcome-button");
|
const help = Svg.help_svg().SetClass("open-welcome-button block");
|
||||||
const close = Svg.close_svg().SetClass("close-welcome-button");
|
const close = Svg.close_svg().SetClass("close-welcome-button");
|
||||||
const checkbox = new CheckBox(
|
const checkbox = new CheckBox(
|
||||||
new Combine([
|
new Combine([
|
||||||
|
@ -295,8 +295,7 @@ export class InitUiElements {
|
||||||
}
|
}
|
||||||
|
|
||||||
Svg.help_svg()
|
Svg.help_svg()
|
||||||
.SetClass("open-welcome-button")
|
.SetClass("open-welcome-button block shadow")
|
||||||
.SetClass("shadow")
|
|
||||||
.onClick(() => {
|
.onClick(() => {
|
||||||
State.state.fullScreenMessage.setData({content: fullOptions2, hashText: "welcome"})
|
State.state.fullScreenMessage.setData({content: fullOptions2, hashText: "welcome"})
|
||||||
}).AttachTo("help-button-mobile");
|
}).AttachTo("help-button-mobile");
|
||||||
|
|
|
@ -342,7 +342,6 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.open-welcome-button {
|
.open-welcome-button {
|
||||||
display: inline-block;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: var(--subtle-detail-color);
|
background: var(--subtle-detail-color);
|
||||||
color: var(--foreground-color);
|
color: var(--foreground-color);
|
||||||
|
|
|
@ -54,7 +54,6 @@
|
||||||
<div id="searchbox" class="shadow"></div>
|
<div id="searchbox" class="shadow"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="messagesbox"></div>
|
<div id="messagesbox"></div>
|
||||||
<br/>
|
|
||||||
<div id="help-button-mobile"></div>
|
<div id="help-button-mobile"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue