discourse/app/assets/stylesheets/common/admin/flags.scss
Ella E. 98a3e7d6e2
UX: Consistent styling for admin tables on mobile (#29360)
* UX: Apply admin table classes for consistent mobile styling on custom flags

* UX: Apply admin table classes for consistent mobile styling on custom flags

* UX: Apply admin table classes for consistent mobile styling on backups

* UX: Apply admin table classes for consistent mobile styling on plugins list

* DEV: tweaks on admin table

* UX: Apply admin table classes for consistent mobile styling on chat plugin

* apply prettier

* apply lint

* DEV: removed commented out code

* DEV: removed unnecessary div element

* scroll to the element

* remove the workaround

* revert

* add an extra assertion

* add enabled check

* improve switching

* rm

---------

Co-authored-by: Jarek Radosz <jradosz@gmail.com>
2024-10-23 16:26:21 -06:00

40 lines
593 B
SCSS

.admin-flags {
table.d-admin-table {
td:first-child {
width: 70%;
@include breakpoint("tablet") {
width: auto;
}
}
}
}
.admin-flag-item {
&__delete.btn,
&__delete.btn:hover {
border-top: 1px solid var(--primary-low);
color: var(--danger);
svg {
color: var(--danger);
}
}
}
.admin-flags__header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.btn-primary {
align-self: center;
}
h3 {
margin-top: 1em;
font-size: var(--font-0);
font-weight: normal;
flex-basis: 100%;
}
}