/*
 * udt grid layout: a searchable grid for dense, glyph-like entries.
 * For the emoji picker, where a single column wastes most of the window.
 * Copyright (C) 2026 Danilo M. <danix@danix.xyz>
 * Licensed under the GNU General Public License v2 only.
 */

@import "common.rasi"

window {
    width:    1500px;
    anchor:   center;
    location: center;
}

mainbox {
    children: [ inputbar, message, listview ];
}

listview {
    columns: 3;
    lines:   10;
    spacing: 6px;
    fixed-height: false;
}

/* Three wide columns rather than five narrow ones: each row is a glyph plus
 * its name, and narrow cells truncated the name away. At 1500px that leaves
 * about 485px a cell, enough for all but the longest names.
 *
 * rofi's emoji mode puts the glyph and its name on the same row, so the font
 * below applies to both. Noto Color Emoji carries no Latin glyphs, so
 * fontconfig falls back for the name text. */
element {
    padding:       10px;
    spacing:       0;
    border-radius: 6px;
}

/* Left-aligned, not centred: each row is a glyph followed by its name, so it
 * reads as a label rather than a lone symbol. */
element-text {
    font:             "Noto Color Emoji 16";
    horizontal-align: 0.0;
    vertical-align:   0.5;
}