Adrien Maston
105 lines
2.3 KiB
CSS
105 lines
2.3 KiB
CSS
@layer native {
|
|
[data-platform~=native] {
|
|
--footer-height: 0;
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
.hide-on-native {
|
|
display: none;
|
|
}
|
|
|
|
/* Layout
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
&:not(.contained-scrolling) {
|
|
#main {
|
|
padding-block-end: var(--custom-safe-inset-bottom);
|
|
}
|
|
}
|
|
|
|
/* Header
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.header:is(
|
|
:not(:has(.header__title, .header__actions)),
|
|
:not(:has(.header__title, .header__actions--end)):has(.header__actions--start .btn--back:only-child)
|
|
) {
|
|
block-size: var(--custom-safe-inset-top);
|
|
padding: unset;
|
|
|
|
* {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.header__actions {
|
|
.btn--back {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Card columns
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.board-tools.card {
|
|
padding-block-start: 0;
|
|
}
|
|
|
|
/* Card perma
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.card-perma {
|
|
margin-block-start: 0;
|
|
|
|
&:not(:has(.card-perma__notch-new-card-buttons)) .card-perma__bg {
|
|
padding-block: clamp(0.25rem, 2vw, var(--padding-block));
|
|
}
|
|
}
|
|
|
|
.card-perma__bg {
|
|
border-start-start-radius: calc(0.2em + clamp(0.25rem, 2vw, var(--padding-block)));
|
|
border-start-end-radius: calc(0.2em + clamp(0.25rem, 2vw, var(--padding-block)));
|
|
}
|
|
|
|
.card-perma__closure-message {
|
|
margin-block: var(--block-space);
|
|
translate: unset;
|
|
}
|
|
|
|
.card-perma--draft {
|
|
.card-perma__bg {
|
|
box-shadow: 0 calc(100vh + 100px) 0 100vh var(--color-container);
|
|
}
|
|
}
|
|
|
|
/* Search
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.search__title {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-bridge-components~=form] {
|
|
[data-controller~=bridge--form] {
|
|
[data-bridge--form-target~=submit] {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-bridge-components~=overflow-menu] {
|
|
[data-controller~=bridge--overflow-menu] {
|
|
[data-bridge--overflow-menu-target~=item] {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-bridge-components~=buttons] {
|
|
[data-bridge--buttons-target~=button] {
|
|
display: none;
|
|
}
|
|
}
|