IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Apply admin table classes for consistent mobile styling on the API keys page (#29630)

Browse Source 
* UX: Apply admin table classes for consistent mobile styling on the API keys page

* apply prettier
This commit is contained in:
Ella E.
2024-11-06 18:38:25 -07:00
committed by GitHub
parent 0568d36133
commit b4f7a1b761
2 changed files with 26 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/assets/stylesheets/common/admin/api.scss
View File

@@ -48,43 +48,16 @@ table.web-hooks.grid {
table.api-keys {
margin-bottom: 0.25em;
.key-controls {
text-align: right;
}
tr.revoked {
color: var(--primary-medium);
}
@include breakpoint(tablet) {
tr {
grid-template-columns: 0.25fr 1fr 1fr;
}
td.key {
grid-row: 1;
grid-column-start: 1;
grid-column-end: 1;
max-width: 100%;
}
td.key-description {
grid-row: 1;
grid-column-start: 2;
grid-column-end: -1;
max-width: 100%;
}
td.key-user {
grid-row: 2;
grid-column-start: 1;
}
td.key-controls {
grid-row: 2;
grid-column-end: -1;
grid-column-start: 2;
text-align: right;
.btn {
margin-bottom: 0.25em;
}
}
.d-admin-row__overview.key {
width: 30%;
}
.d-admin-row__content td {
vertical-align: middle;
}
}