r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

💄 limit width of right-aligned cells

Browse source
This commit is contained in:
ghalestrilo 2020-08-04 16:57:24 -03:00
parent f5f02488c6
commit d3a620e420
2 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/modules/IDE/components/SketchList.jsx
View file

@ -23,9 +23,7 @@ import ArrowDownIcon from '../../../images/sort-arrow-down.svg';
import DownFilledTriangleIcon from '../../../images/down-filled-triangle.svg'; import DownFilledTriangleIcon from '../../../images/down-filled-triangle.svg';
const formatDateCell = (date, mobile = false) => const formatDateCell = (date, mobile = false) => format(new Date(date), mobile ? 'MMM D, YYYY' : 'MMM D, YYYY h:mm A');
format(new Date(date), mobile ? 'MMM D, YYYY' : 'MMM D, YYYY h:mm A')
.replace(', ', mobile ? '\n' : ', ');
class SketchListRowBase extends React.Component { class SketchListRowBase extends React.Component {
constructor(props) { constructor(props) {

21
client/modules/Mobile/MobileDashboardView.jsx
View file

@ -20,6 +20,11 @@ import Button from '../../common/Button';
const EXAMPLE_USERNAME = 'p5'; const EXAMPLE_USERNAME = 'p5';
const ContentWrapper = styled(Content)` const ContentWrapper = styled(Content)`
table {
table-layout: fixed;
/* white-space: nowrap; */
}
td ,thead button { td ,thead button {
font-size: ${remSize(10)}; font-size: ${remSize(10)};
padding-left: 0; padding-left: 0;
@ -28,21 +33,27 @@ const ContentWrapper = styled(Content)`
thead th { padding-left: 0; } thead th { padding-left: 0; }
tbody th { thead th:not(:first-child) {
width: 48px !important;
}
.sketches-table__row th {
font-size: ${remSize(12)}; font-size: ${remSize(12)};
/* font-weight: bold; */
width: 100%; width: 100%;
max-width: 70%; padding-right: ${remSize(12)}
}; };
.sketches-table__row td {
text-align: center;
width: ${remSize(24)} !important;
}
.sketch-list__sort-button { padding: 0 } .sketch-list__sort-button { padding: 0 }
.sketches-table__row { .sketches-table__row {
height: ${remSize(48)}; height: ${remSize(48)};
} }
.sketches-table-container { padding-bottom: ${remSize(160)} } .sketches-table-container { padding-bottom: ${remSize(160)} }
/* td.sketch-list__dropdown-column { min-width: unset; } */
`; `;
const FooterTab = styled(Link)` const FooterTab = styled(Link)`