clean up some variables, fixing search footer

This commit is contained in:
Henry Jameson 2024-02-29 18:07:15 +02:00
parent 78dcc0423e
commit 73f6ecb21e
4 changed files with 8 additions and 38 deletions

View File

@ -21,8 +21,6 @@
<script src="./lists_card.js"></script>
<style lang="scss">
@import "../../variables";
.list-card {
display: flex;
}
@ -35,18 +33,6 @@
.button-list-edit {
margin: 0;
padding: 1em;
color: $fallback--link;
color: var(--link, $fallback--link);
&:hover {
background-color: $fallback--lightBg;
background-color: var(--selectedMenu, $fallback--lightBg);
color: $fallback--link;
color: var(--selectedMenuText, $fallback--link);
--faint: var(--selectedMenuFaintText, $fallback--faint);
--faintLink: var(--selectedMenuFaintLink, $fallback--faint);
--lightText: var(--selectedMenuLightText, $fallback--lightText);
}
color: var(--link);
}
</style>

View File

@ -85,7 +85,7 @@
</div>
<button
v-else-if="!loading"
class="button-unstyled -link -fullwidth"
class="button-unstyled -link text-center"
@click.prevent="fetchOlderNotifications()"
>
<div class="new-status-notification text-center">

View File

@ -67,7 +67,7 @@
/>
<button
v-if="!loading && loaded && lastStatusFetchCount > 0"
class="more-statuses-button button-unstyled -link -fullwidth"
class="more-statuses-button button-unstyled -link"
@click.prevent="search(searchTerm, 'statuses')"
>
<div class="new-status-notification text-center">
@ -148,11 +148,8 @@
<script src="./search.js"></script>
<style lang="scss">
@import "../../variables";
.search-result-heading {
color: $fallback--faint;
color: var(--faint, $fallback--faint);
color: var(--faint);
padding: 0.75rem;
text-align: center;
}
@ -171,17 +168,7 @@
.search-result {
box-sizing: border-box;
border-bottom: 1px solid;
border-color: $fallback--border;
border-color: var(--border, $fallback--border);
}
.search-result-footer {
border-width: 1px 0 0;
border-style: solid;
border-color: var(--border, $fallback--border);
padding: 10px;
background-color: $fallback--fg;
background-color: var(--panel, $fallback--fg);
border-color: var(--border);
}
.search-input-container {
@ -212,8 +199,7 @@
.hashtag {
flex: 1 1 auto;
color: $fallback--text;
color: var(--text, $fallback--text);
color: var(--text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -226,14 +212,14 @@
line-height: 2.25rem;
font-weight: 500;
text-align: center;
color: $fallback--text;
color: var(--text, $fallback--text);
color: var(--text);
}
}
.more-statuses-button {
height: 3.5em;
line-height: 3.5em;
width: 100%;
}
</style>

View File

@ -48,8 +48,6 @@
<script src="./user_list_popover.js"></script>
<style lang="scss">
@import "../../variables";
.user-list-popover {
padding: 0.5em;