Update table styles to support flexible column widths much better
This commit is contained in:
parent
5d74763c42
commit
f12fdf48ff
|
@ -10,5 +10,7 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
max-width: var(--max-cell-width);
|
max-width: var(--max-cell-width);
|
||||||
|
width: 0;
|
||||||
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -4,17 +4,13 @@
|
||||||
Heading,
|
Heading,
|
||||||
Body,
|
Body,
|
||||||
Button,
|
Button,
|
||||||
List,
|
|
||||||
ListItem,
|
|
||||||
Modal,
|
Modal,
|
||||||
notifications,
|
notifications,
|
||||||
Pagination,
|
Pagination,
|
||||||
Divider,
|
Divider,
|
||||||
Icon,
|
|
||||||
Table,
|
Table,
|
||||||
} from "@budibase/bbui"
|
} from "@budibase/bbui"
|
||||||
import { onMount, setContext } from "svelte"
|
import { onMount, setContext } from "svelte"
|
||||||
import RoleSelect from "components/common/RoleSelect.svelte"
|
|
||||||
import { users, groups, apps, licensing, overview } from "stores/portal"
|
import { users, groups, apps, licensing, overview } from "stores/portal"
|
||||||
import AssignmentModal from "./_components/AssignmentModal.svelte"
|
import AssignmentModal from "./_components/AssignmentModal.svelte"
|
||||||
import { roles } from "stores/backend"
|
import { roles } from "stores/backend"
|
||||||
|
@ -26,6 +22,7 @@
|
||||||
const userSchema = {
|
const userSchema = {
|
||||||
email: {
|
email: {
|
||||||
type: "string",
|
type: "string",
|
||||||
|
width: "1fr",
|
||||||
},
|
},
|
||||||
userAppRole: {
|
userAppRole: {
|
||||||
displayName: "Access",
|
displayName: "Access",
|
||||||
|
@ -36,6 +33,7 @@
|
||||||
const groupSchema = {
|
const groupSchema = {
|
||||||
name: {
|
name: {
|
||||||
type: "string",
|
type: "string",
|
||||||
|
width: "1fr",
|
||||||
},
|
},
|
||||||
groupAppRole: {
|
groupAppRole: {
|
||||||
displayName: "Access",
|
displayName: "Access",
|
||||||
|
|
Loading…
Reference in New Issue