mirror of
https://github.com/tutao/tutanota.git
synced 2025-10-19 07:53:47 +00:00
sort
This commit is contained in:
yoy
parent
b824e98d1c
commit
7d3728b978
2 changed files with 231 additions and 144 deletions
|
|
@ -174,7 +174,7 @@ export class TimeView implements Component<TimeViewAttributes> {
|
||||||
},
|
},
|
||||||
times.map((time, index) =>
|
times.map((time, index) =>
|
||||||
m(
|
m(
|
||||||
".flex.ptb-16.small.pr-8.border-right.rel.items-center",
|
".flex.pt-16.pb-16.small.pr-8.border-right.rel.items-center",
|
||||||
{
|
{
|
||||||
class: index !== times.length - 1 ? "after-as-border-bottom" : "",
|
class: index !== times.length - 1 ? "after-as-border-bottom" : "",
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -327,6 +327,10 @@ styles.registerStyle("main", () => {
|
||||||
".m-0": {
|
".m-0": {
|
||||||
margin: 0,
|
margin: 0,
|
||||||
},
|
},
|
||||||
|
".mtb-0": {
|
||||||
|
"margin-top": px(0),
|
||||||
|
"margin-bottom": px(0),
|
||||||
|
},
|
||||||
".mt-4": {
|
".mt-4": {
|
||||||
"margin-top": px(size.spacing_4),
|
"margin-top": px(size.spacing_4),
|
||||||
},
|
},
|
||||||
|
|
@ -348,18 +352,27 @@ styles.registerStyle("main", () => {
|
||||||
".mt-48": {
|
".mt-48": {
|
||||||
"margin-top": px(size.spacing_48),
|
"margin-top": px(size.spacing_48),
|
||||||
},
|
},
|
||||||
|
".mt-64": {
|
||||||
|
"margin-top": px(size.spacing_64),
|
||||||
|
},
|
||||||
".mb-0": {
|
".mb-0": {
|
||||||
"margin-bottom": 0,
|
"margin-bottom": 0,
|
||||||
},
|
},
|
||||||
".mb-16": {
|
|
||||||
"margin-bottom": px(size.spacing_16),
|
|
||||||
},
|
|
||||||
".mb-4": {
|
".mb-4": {
|
||||||
"margin-bottom": px(size.spacing_4),
|
"margin-bottom": px(size.spacing_4),
|
||||||
},
|
},
|
||||||
".mb-8": {
|
".mb-8": {
|
||||||
"margin-bottom": px(size.spacing_8),
|
"margin-bottom": px(size.spacing_8),
|
||||||
},
|
},
|
||||||
|
".mb-12": {
|
||||||
|
"margin-bottom": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".mb-16": {
|
||||||
|
"margin-bottom": px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".mb-24": {
|
||||||
|
"margin-bottom": px(size.spacing_24),
|
||||||
|
},
|
||||||
".mb-32": {
|
".mb-32": {
|
||||||
"margin-bottom": px(size.spacing_32),
|
"margin-bottom": px(size.spacing_32),
|
||||||
},
|
},
|
||||||
|
|
@ -369,6 +382,10 @@ styles.registerStyle("main", () => {
|
||||||
".mb-64": {
|
".mb-64": {
|
||||||
"margin-bottom": px(size.spacing_64),
|
"margin-bottom": px(size.spacing_64),
|
||||||
},
|
},
|
||||||
|
".mlr-4": {
|
||||||
|
"margin-left": px(size.spacing_4),
|
||||||
|
"margin-right": px(size.spacing_4),
|
||||||
|
},
|
||||||
".mlr-8": {
|
".mlr-8": {
|
||||||
"margin-left": px(size.spacing_8),
|
"margin-left": px(size.spacing_8),
|
||||||
"margin-right": px(size.spacing_8),
|
"margin-right": px(size.spacing_8),
|
||||||
|
|
@ -377,12 +394,25 @@ styles.registerStyle("main", () => {
|
||||||
"margin-left": px(size.spacing_12),
|
"margin-left": px(size.spacing_12),
|
||||||
"margin-right": px(size.spacing_12),
|
"margin-right": px(size.spacing_12),
|
||||||
},
|
},
|
||||||
|
".mlr-16": {
|
||||||
|
"margin-left": px(size.spacing_16),
|
||||||
|
"margin-right": px(size.spacing_16),
|
||||||
|
},
|
||||||
".mlr-24": {
|
".mlr-24": {
|
||||||
"margin-left": px(size.spacing_24),
|
"margin-left": px(size.spacing_24),
|
||||||
"margin-right": px(size.spacing_24),
|
"margin-right": px(size.spacing_24),
|
||||||
},
|
},
|
||||||
".ml-4": {
|
".mlr-32": {
|
||||||
"margin-left": px(size.spacing_4),
|
"margin-left": px(size.spacing_32),
|
||||||
|
"margin-right": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".mlr-48": {
|
||||||
|
"margin-left": px(size.spacing_48),
|
||||||
|
"margin-right": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".mlr-64": {
|
||||||
|
"margin-left": px(size.spacing_64),
|
||||||
|
"margin-right": px(size.spacing_64),
|
||||||
},
|
},
|
||||||
".mr-4": {
|
".mr-4": {
|
||||||
"margin-right": px(size.spacing_4),
|
"margin-right": px(size.spacing_4),
|
||||||
|
|
@ -390,158 +420,47 @@ styles.registerStyle("main", () => {
|
||||||
".mr-8": {
|
".mr-8": {
|
||||||
"margin-right": px(size.spacing_8),
|
"margin-right": px(size.spacing_8),
|
||||||
},
|
},
|
||||||
".ml-8": {
|
".mr-12": {
|
||||||
"margin-left": px(size.spacing_8),
|
"margin-right": px(size.spacing_12),
|
||||||
},
|
},
|
||||||
".ml-24": {
|
".mr-16": {
|
||||||
"margin-left": px(size.spacing_24),
|
"margin-right": px(size.spacing_16),
|
||||||
},
|
},
|
||||||
".mr-24": {
|
".mr-24": {
|
||||||
"margin-right": px(size.spacing_24),
|
"margin-right": px(size.spacing_24),
|
||||||
},
|
},
|
||||||
".mlr-4": {
|
".mr-32": {
|
||||||
|
"margin-right": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".mr-48": {
|
||||||
|
"margin-right": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".mr-64": {
|
||||||
|
"margin-right": px(size.spacing_64),
|
||||||
|
},
|
||||||
|
".ml-4": {
|
||||||
"margin-left": px(size.spacing_4),
|
"margin-left": px(size.spacing_4),
|
||||||
"margin-right": px(size.spacing_4),
|
|
||||||
},
|
},
|
||||||
".mtb-0": {
|
".ml-8": {
|
||||||
"margin-top": px(0),
|
"margin-left": px(size.spacing_8),
|
||||||
"margin-bottom": px(0),
|
|
||||||
},
|
|
||||||
".mr-12": {
|
|
||||||
"margin-right": px(size.spacing_12),
|
|
||||||
},
|
},
|
||||||
".ml-12": {
|
".ml-12": {
|
||||||
"margin-left": px(size.spacing_12),
|
"margin-left": px(size.spacing_12),
|
||||||
},
|
},
|
||||||
// paddings
|
".ml-16": {
|
||||||
".p0": {
|
"margin-left": px(size.spacing_16),
|
||||||
padding: "0",
|
|
||||||
},
|
},
|
||||||
".p-4": {
|
".ml-24": {
|
||||||
padding: px(size.spacing_4),
|
"margin-left": px(size.spacing_24),
|
||||||
},
|
},
|
||||||
".pt-16": {
|
".ml-32": {
|
||||||
"padding-top": px(size.spacing_16),
|
"margin-left": px(size.spacing_32),
|
||||||
},
|
},
|
||||||
".pt-0": {
|
".ml-48": {
|
||||||
"padding-top": 0,
|
"margin-left": px(size.spacing_48),
|
||||||
},
|
},
|
||||||
".pt-32": {
|
".ml-64": {
|
||||||
"padding-top": px(size.spacing_32),
|
"margin-left": px(size.spacing_64),
|
||||||
},
|
|
||||||
".pt-12": {
|
|
||||||
"padding-top": px(size.spacing_12),
|
|
||||||
},
|
|
||||||
".pt-24": {
|
|
||||||
"padding-top": px(size.spacing_24),
|
|
||||||
},
|
|
||||||
".pt-48": {
|
|
||||||
"padding-top": px(size.spacing_48),
|
|
||||||
},
|
|
||||||
".pt-4": {
|
|
||||||
"padding-top": px(size.spacing_4),
|
|
||||||
},
|
|
||||||
".pt-8": {
|
|
||||||
"padding-top": px(size.spacing_8),
|
|
||||||
},
|
|
||||||
".pb-0": {
|
|
||||||
"padding-bottom": 0,
|
|
||||||
},
|
|
||||||
".pb-16": {
|
|
||||||
"padding-bottom": px(size.spacing_16),
|
|
||||||
},
|
|
||||||
// for dropdown toggles
|
|
||||||
".pb-8": {
|
|
||||||
"padding-bottom": px(size.spacing_8),
|
|
||||||
},
|
|
||||||
".pb-4": {
|
|
||||||
"padding-bottom": px(size.spacing_4),
|
|
||||||
},
|
|
||||||
".pb-32": {
|
|
||||||
"padding-bottom": px(size.spacing_32),
|
|
||||||
},
|
|
||||||
".pb-48": {
|
|
||||||
"padding-bottom": px(size.spacing_48),
|
|
||||||
},
|
|
||||||
".pb-12": {
|
|
||||||
"padding-bottom": px(size.spacing_12),
|
|
||||||
},
|
|
||||||
".pb-24": {
|
|
||||||
"padding-bottom": px(size.spacing_24),
|
|
||||||
},
|
|
||||||
".pb-floating": {
|
|
||||||
"padding-bottom": px(component_size.button_floating_size + size.spacing_24),
|
|
||||||
},
|
|
||||||
".pl-4": {
|
|
||||||
"padding-left": px(size.spacing_4),
|
|
||||||
},
|
|
||||||
".pl-12": {
|
|
||||||
"padding-left": px(size.spacing_12),
|
|
||||||
},
|
|
||||||
".pl-16": {
|
|
||||||
"padding-left": px(size.spacing_16),
|
|
||||||
},
|
|
||||||
".pl-8": {
|
|
||||||
"padding-left": px(size.spacing_8),
|
|
||||||
},
|
|
||||||
".pl-32": {
|
|
||||||
"padding-left": px(size.spacing_32),
|
|
||||||
},
|
|
||||||
".pr-12": {
|
|
||||||
"padding-right": px(size.spacing_12),
|
|
||||||
},
|
|
||||||
".pr-4": {
|
|
||||||
"padding-right": px(size.spacing_4),
|
|
||||||
},
|
|
||||||
".pr-8": {
|
|
||||||
"padding-right": px(size.spacing_8),
|
|
||||||
},
|
|
||||||
".pr-16": {
|
|
||||||
"padding-right": px(size.spacing_16),
|
|
||||||
},
|
|
||||||
".pr-32": {
|
|
||||||
"padding-right": px(size.spacing_32),
|
|
||||||
},
|
|
||||||
".plr": {
|
|
||||||
"padding-left": px(size.spacing_12),
|
|
||||||
"padding-right": px(size.spacing_12),
|
|
||||||
},
|
|
||||||
".plr-8": {
|
|
||||||
"padding-left": px(size.spacing_8),
|
|
||||||
"padding-right": px(size.spacing_8),
|
|
||||||
},
|
|
||||||
".plr-16": {
|
|
||||||
"padding-left": px(size.spacing_16),
|
|
||||||
"padding-right": px(size.spacing_16),
|
|
||||||
},
|
|
||||||
".plr-4": {
|
|
||||||
"padding-left": px(size.spacing_4),
|
|
||||||
"padding-right": px(size.spacing_4),
|
|
||||||
},
|
|
||||||
".plr-12": {
|
|
||||||
"padding-left": px(size.spacing_12),
|
|
||||||
"padding-right": px(size.spacing_12),
|
|
||||||
},
|
|
||||||
".plr-24": {
|
|
||||||
"padding-left": px(size.spacing_24),
|
|
||||||
"padding-right": px(size.spacing_24),
|
|
||||||
},
|
|
||||||
".plr-48": {
|
|
||||||
"padding-left": px(size.spacing_48),
|
|
||||||
"padding-right": px(size.spacing_48),
|
|
||||||
},
|
|
||||||
".ptb-16": {
|
|
||||||
"padding-top": px(size.spacing_16),
|
|
||||||
"padding-bottom": px(size.spacing_16),
|
|
||||||
},
|
|
||||||
".pl-24": {
|
|
||||||
"padding-left": px(size.spacing_24),
|
|
||||||
},
|
|
||||||
".pr-24": {
|
|
||||||
"padding-right": px(size.spacing_24),
|
|
||||||
},
|
|
||||||
".pl-8": {
|
|
||||||
"padding-left": px(size.spacing_8),
|
|
||||||
},
|
},
|
||||||
".mt-negative-8": {
|
".mt-negative-8": {
|
||||||
"margin-top": px(-size.spacing_8),
|
"margin-top": px(-size.spacing_8),
|
||||||
|
|
@ -558,10 +477,178 @@ styles.registerStyle("main", () => {
|
||||||
".ml-negative-8": {
|
".ml-negative-8": {
|
||||||
"margin-left": px(-size.spacing_8),
|
"margin-left": px(-size.spacing_8),
|
||||||
},
|
},
|
||||||
// negative margin to handle the default padding of a button
|
|
||||||
".ml-negative-24": {
|
".ml-negative-24": {
|
||||||
"margin-left": px(-size.spacing_24),
|
"margin-left": px(-size.spacing_24),
|
||||||
},
|
},
|
||||||
|
// paddings
|
||||||
|
".p0": {
|
||||||
|
padding: "0",
|
||||||
|
},
|
||||||
|
".p-4": {
|
||||||
|
padding: px(size.spacing_4),
|
||||||
|
},
|
||||||
|
".p-8": {
|
||||||
|
padding: px(size.spacing_8),
|
||||||
|
},
|
||||||
|
".p-12": {
|
||||||
|
padding: px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".p-16": {
|
||||||
|
padding: px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".p-24": {
|
||||||
|
padding: px(size.spacing_24),
|
||||||
|
},
|
||||||
|
".p-32": {
|
||||||
|
padding: px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".p-48": {
|
||||||
|
padding: px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".p-64": {
|
||||||
|
padding: px(size.spacing_64),
|
||||||
|
},
|
||||||
|
".pt-0": {
|
||||||
|
"padding-top": 0,
|
||||||
|
},
|
||||||
|
".pt-4": {
|
||||||
|
"padding-top": px(size.spacing_4),
|
||||||
|
},
|
||||||
|
".pt-8": {
|
||||||
|
"padding-top": px(size.spacing_8),
|
||||||
|
},
|
||||||
|
".pt-12": {
|
||||||
|
"padding-top": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".pt-16": {
|
||||||
|
"padding-top": px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".pt-24": {
|
||||||
|
"padding-top": px(size.spacing_24),
|
||||||
|
},
|
||||||
|
".pt-32": {
|
||||||
|
"padding-top": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".pt-48": {
|
||||||
|
"padding-top": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".pt-64": {
|
||||||
|
"padding-top": px(size.spacing_64),
|
||||||
|
},
|
||||||
|
".pb-0": {
|
||||||
|
"padding-bottom": 0,
|
||||||
|
},
|
||||||
|
".pb-4": {
|
||||||
|
"padding-bottom": px(size.spacing_4),
|
||||||
|
},
|
||||||
|
".pb-8": {
|
||||||
|
"padding-bottom": px(size.spacing_8),
|
||||||
|
},
|
||||||
|
".pb-12": {
|
||||||
|
"padding-bottom": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".pb-16": {
|
||||||
|
"padding-bottom": px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".pb-24": {
|
||||||
|
"padding-bottom": px(size.spacing_24),
|
||||||
|
},
|
||||||
|
".pb-32": {
|
||||||
|
"padding-bottom": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".pb-48": {
|
||||||
|
"padding-bottom": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".pb-64": {
|
||||||
|
"padding-bottom": px(size.spacing_64),
|
||||||
|
},
|
||||||
|
".pb-floating": {
|
||||||
|
"padding-bottom": px(component_size.button_floating_size + size.spacing_24),
|
||||||
|
},
|
||||||
|
".plr-4": {
|
||||||
|
"padding-left": px(size.spacing_4),
|
||||||
|
"padding-right": px(size.spacing_4),
|
||||||
|
},
|
||||||
|
".plr-8": {
|
||||||
|
"padding-left": px(size.spacing_8),
|
||||||
|
"padding-right": px(size.spacing_8),
|
||||||
|
},
|
||||||
|
".plr-12": {
|
||||||
|
"padding-left": px(size.spacing_12),
|
||||||
|
"padding-right": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".plr-16": {
|
||||||
|
"padding-left": px(size.spacing_16),
|
||||||
|
"padding-right": px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".plr-24": {
|
||||||
|
"padding-left": px(size.spacing_24),
|
||||||
|
"padding-right": px(size.spacing_24),
|
||||||
|
},
|
||||||
|
".plr-32": {
|
||||||
|
"padding-left": px(size.spacing_32),
|
||||||
|
"padding-right": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".plr-48": {
|
||||||
|
"padding-left": px(size.spacing_48),
|
||||||
|
"padding-right": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".plr-64": {
|
||||||
|
"padding-left": px(size.spacing_64),
|
||||||
|
"padding-right": px(size.spacing_64),
|
||||||
|
},
|
||||||
|
".plr": {
|
||||||
|
"padding-left": px(size.spacing_12),
|
||||||
|
"padding-right": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".pl-4": {
|
||||||
|
"padding-left": px(size.spacing_4),
|
||||||
|
},
|
||||||
|
".pl-8": {
|
||||||
|
"padding-left": px(size.spacing_8),
|
||||||
|
},
|
||||||
|
".pl-12": {
|
||||||
|
"padding-left": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".pl-16": {
|
||||||
|
"padding-left": px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".pl-24": {
|
||||||
|
"padding-left": px(size.spacing_24),
|
||||||
|
},
|
||||||
|
".pl-32": {
|
||||||
|
"padding-left": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".pl-48": {
|
||||||
|
"padding-left": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".pl-64": {
|
||||||
|
"padding-left": px(size.spacing_64),
|
||||||
|
},
|
||||||
|
".pr-4": {
|
||||||
|
"padding-right": px(size.spacing_4),
|
||||||
|
},
|
||||||
|
".pr-8": {
|
||||||
|
"padding-right": px(size.spacing_8),
|
||||||
|
},
|
||||||
|
".pr-12": {
|
||||||
|
"padding-right": px(size.spacing_12),
|
||||||
|
},
|
||||||
|
".pr-16": {
|
||||||
|
"padding-right": px(size.spacing_16),
|
||||||
|
},
|
||||||
|
".pr-24": {
|
||||||
|
"padding-right": px(size.spacing_24),
|
||||||
|
},
|
||||||
|
".pr-32": {
|
||||||
|
"padding-right": px(size.spacing_32),
|
||||||
|
},
|
||||||
|
".pr-48": {
|
||||||
|
"padding-right": px(size.spacing_48),
|
||||||
|
},
|
||||||
|
".pr-64": {
|
||||||
|
"padding-right": px(size.spacing_64),
|
||||||
|
},
|
||||||
".drag": {
|
".drag": {
|
||||||
"touch-action": "auto",
|
"touch-action": "auto",
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue