pepepper/fluxer
1
0
Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-07 19:22:14 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(apps): stop bot permission labels overlapping (#3148)

Browse Source
This commit is contained in:
Hampus
2026-10-03 02:11:57 +02:00
committed by GitHub
parent b04fdc68df
commit d6fb3b2c50
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fluxer_app/src/features/user/components/modals/tabs/applications_tab/application_detail/ApplicationDetail.module.css
+13 -15
View File
@@ -331,19 +331,7 @@
}
.botPermissionList {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1080px) {
.botPermissionList {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.botPermissionList {
grid-template-columns: 1fr;
}
grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
}
.scopeItem {
@@ -354,9 +342,19 @@
min-width: 0;
}
.scopeCheckbox {
flex: 1 1 auto;
min-width: 0;
}
.scopeCheckbox > div,
.scopeCheckbox > div > div {
min-width: 0;
max-width: 100%;
}
.scopeLabel {
display: inline-flex;
align-items: center;
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
fluxer_app/src/features/user/components/modals/tabs/applications_tab/application_detail/OAuthBuilderSection.tsx
+2
View File
@@ -117,6 +117,7 @@ export const OAuthBuilderSection: React.FC<OAuthBuilderSectionProps> = ({
checked={!!field.value}
onChange={(checked) => field.onChange(checked)}
size="small"
className={styles.scopeCheckbox}
data-flx="user.applications-tab.application-detail.o-auth-builder-section.checkbox.change"
>
<span
@@ -179,6 +180,7 @@ export const OAuthBuilderSection: React.FC<OAuthBuilderSectionProps> = ({
checked={!!field.value}
onChange={(checked) => field.onChange(checked)}
size="small"
className={styles.scopeCheckbox}
data-flx="user.applications-tab.application-detail.o-auth-builder-section.checkbox.change--2"
>
<span