/*
 * 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:    680px;
    anchor:   center;
    location: center;
}

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

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

/* Entries are glyphs rather than prose, so they are centered in their cell
 * instead of left-aligned, and scaled up to roughly the launcher's icon size.
 *
 * rofi's emoji mode puts the glyph and its name on the same row, so this font
 * applies to both. Noto Color Emoji carries no Latin glyphs, so fontconfig
 * falls back for the name text. If the names end up looking wrong, the fix is
 * to drop this font line and raise the element padding instead. */
element {
    padding:       10px;
    spacing:       0;
    border-radius: 6px;
}

element-text {
    font:             "Noto Color Emoji 20";
    horizontal-align: 0.5;
    vertical-align:   0.5;
}