/*
 * udt powermenu layout: a fullscreen overlay with a single row of big icons.
 * Copyright (C) 2026 Danilo M. <danix@danix.xyz>
 * Licensed under the GNU General Public License v2 only.
 *
 * The power menu is not a small menu. It is a deliberate, hard-to-mistake
 * fullscreen prompt, and the script feeds it a greeting, a uptime message and
 * a user avatar. All three are rendered here.
 */

@import "common.rasi"

window {
    fullscreen:       true;
    background-color: @base;
    border:           0;
    border-radius:    0;
    padding:          0;
}

mainbox {
    children: [ dummy, userimage, inputbar, listview, message, dummy ];
    spacing:  24px;
    padding:  60px;
}

/* Flexible spacers above and below push the content block to the middle. */
dummy {
    expand: true;
}

/* The avatar.
 *
 * Sized by horizontal margin rather than width/height, which is how the
 * original type-4 theme did it: the widget expands to the window and the
 * margin squeezes it back to a square. Setting an explicit width and height
 * instead collapses it and nothing is drawn.
 *
 * The margin is therefore tied to screen width. It is expressed in calc() from
 * 50% so it stays centered on any monitor, rather than the original's hardcoded
 * 710px, which assumed one specific resolution. */
userimage {
    margin:           0px calc(50% - 70px);
    background-image: url("~/.user-icon.jpg", both);
    background-color: transparent;
    border:           2px;
    border-color:     @accent;
    border-radius:    100%;
}

/* This layout is the one place a prompt earns its keep: it carries the
 * script's greeting, which is the human cue for a destructive menu. */
inputbar {
    expand:           false;
    background-color: transparent;
    padding:          0;
    children:         [ prompt ];
}

prompt {
    font:             "Noto Sans Bold 28";
    text-color:       @text;
    horizontal-align: 0.5;
}

/* Four options in one row: shutdown, reboot, sleep, logout. */
listview {
    expand:        false;
    columns:       4;
    lines:         1;
    fixed-height:  true;
    fixed-columns: true;
    spacing:       24px;
}

element {
    padding:       40px;
    border-radius: 12px;
}

/* The entries are single glyphs from a Nerd Font, so they are sized large and
 * centered rather than laid out as text. */
element-text {
    font:             "Inconsolata Nerd Font Mono 42";
    horizontal-align: 0.5;
    vertical-align:   0.5;
    text-color:       inherit;
}

/* The uptime line the script passes with -mesg. */
message {
    expand:           false;
    background-color: transparent;
    padding:          0;
}

textbox {
    font:             "Noto Sans 12";
    text-color:       @subtext0;
    horizontal-align: 0.5;
}