fix account menu stacking, rename to rs_maps
This commit is contained in:
parent
0afcf34858
commit
0191dd42ed
3 changed files with 12 additions and 3 deletions
2
Cargo.lock
generated
2
Cargo.lock
generated
|
|
@ -1382,7 +1382,7 @@ dependencies = [
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "rs_maps"
|
name = "rs_maps"
|
||||||
version = "0.0.3"
|
version = "0.0.4"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"anyhow",
|
"anyhow",
|
||||||
"argon2",
|
"argon2",
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
# Cargo.toml
|
# Cargo.toml
|
||||||
[package]
|
[package]
|
||||||
name = "rs_maps"
|
name = "rs_maps"
|
||||||
version = "0.0.3"
|
version = "0.0.4"
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
||||||
[dependencies]
|
[dependencies]
|
||||||
|
|
|
||||||
|
|
@ -201,7 +201,10 @@ button.link:hover { color: var(--paper); background: none; }
|
||||||
.bar {
|
.bar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0; left: 0; right: 0;
|
top: 0; left: 0; right: 0;
|
||||||
z-index: 500;
|
/* Above .rail (500) so the account menu isn't painted behind the
|
||||||
|
Places/Routes tabs. .bar sets a stacking context, so raising .menu alone
|
||||||
|
would have no effect — the parent is what has to come up. */
|
||||||
|
z-index: 700;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
|
@ -210,6 +213,12 @@ button.link:hover { color: var(--paper); background: none; }
|
||||||
padding-bottom: 22px;
|
padding-bottom: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* The bar's gradient extends 22px past its contents. Now that it sits above
|
||||||
|
the rail, that transparent strip would intercept clicks meant for the tabs
|
||||||
|
beneath it, so the bar ignores pointer events and its children take them back. */
|
||||||
|
.bar { pointer-events: none; }
|
||||||
|
.bar > * { pointer-events: auto; }
|
||||||
|
|
||||||
.search { display: flex; gap: 6px; flex: 1 1 auto; max-width: 420px; }
|
.search { display: flex; gap: 6px; flex: 1 1 auto; max-width: 420px; }
|
||||||
.search input { margin-top: 0; background: var(--panel); }
|
.search input { margin-top: 0; background: var(--panel); }
|
||||||
.search button { flex: none; background: var(--panel); border-color: var(--hair); }
|
.search button { flex: none; background: var(--panel); border-color: var(--hair); }
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue