All files / app/mods/media masonry.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
124x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
124x
 
 
 
 
 
import { Mod } from '../../model/tag';
import { Template } from '../../model/template';
 
export const masonryTemplate: Template = {
  tag: 'plugin/image/masonry',
  name: $localize`🧱️ Masonry`,
  config: {
    mod: $localize`🧱️ Masonry`,
    version: 1,
    type: 'plugin',
    default: false,
    description: $localize`Overrides the built-in Image viewer with a masonry layout where images have a fixed width and variable height.`,
    // language=CSS
    css: `
      body app-ref-list.plugin_image .list-container {
        grid-template-rows: masonry;
        align-items: start;
      }
    `,
  },
};
 
export const masonryMod: Mod = {
  template: [
    masonryTemplate,
  ],
};