properties: Remove usage of breakpoints

This commit is contained in:
Sophie Herold 2024-12-19 23:25:50 +01:00
parent 2753447a0d
commit dd359235cf
8 changed files with 210 additions and 385 deletions

View file

@ -58,57 +58,120 @@
</menu>
<template class="LpImageWindow" parent="AdwBin">
<property name="child">
<object class="AdwMultiLayoutView" id="multi_layout_view">
<child>
<object class="AdwLayout">
<property name="name">sidebar-properies</property>
<property name="content">
<object class="LpWindowContent" id="window_content">
<property name="show-properties" bind-source="properties_button" bind-property="active" bind-flags="sync-create|invert-boolean" />
<property name="headerbar">
<object class="AdwLayoutSlot">
<property name="id">headerbar</property>
<object class="AdwToolbarView" id="toolbar_view">
<child type="top">
<object class="LpShyBin">
<property name="child">
<object class="AdwHeaderBar" id="headerbar">
<binding name="show-end-title-buttons">
<lookup name="not-fullscreened" type="LpWindow">
<lookup name="root">LpImageWindow</lookup>
</lookup>
</binding>
<binding name="show-start-title-buttons">
<lookup name="not-fullscreened" type="LpWindow">
<lookup name="root">LpImageWindow</lookup>
</lookup>
</binding>
<style>
<class name="fullscreen-osd" />
</style>
<child type="start">
<object class="GtkButton" id="fullscreen_button">
<property name="action-name">win.toggle-fullscreen</property>
<property name="tooltip-text" translatable="yes">Toggle Fullscreen</property>
</object>
</property>
</child>
<child type="start">
<object class="GtkButton" id="edit_button">
<property name="action-name">win.edit</property>
<property name="icon-name">document-edit-symbolic</property>
<property name="tooltip-text" translatable="yes">Edit Image</property>
</object>
</child>
<child type="end">
<object class="GtkMenuButton" id="primary_menu">
<property name="icon-name">open-menu-symbolic</property>
<property name="tooltip-text" translatable="yes">Main Menu</property>
<property name="primary">True</property>
<property name="popover">
<object class="GtkPopoverMenu">
<property name="menu-model">primary_menu</property>
<child type="rotate-left">
<object class="GtkButton">
<property name="icon-name">object-rotate-left-symbolic</property>
<property name="tooltip-text" translatable="yes">Rotate Left</property>
<property name="action-name">win.rotate-ccw</property>
<style>
<class name="flat" />
</style>
</object>
</child>
<child type="rotate-right">
<object class="GtkButton">
<property name="icon-name">object-rotate-right-symbolic</property>
<property name="tooltip-text" translatable="yes">Rotate Right</property>
<property name="action-name">win.rotate-cw</property>
<style>
<class name="flat" />
</style>
</object>
</child>
</object>
</property>
</object>
</child>
<child type="end">
<object class="GtkToggleButton" id="properties_button">
<property name="icon-name">info-outline-symbolic</property>
<property name="tooltip-text" translatable="yes">Image Properties</property>
</object>
</child>
<child>
<object class="GtkEventControllerMotion" id="headerbar_events" />
</child>
</object>
</property>
</object>
</child>
<property name="content">
<object class="AdwMultiLayoutView">
<binding name="layout-name">
<lookup name="layout-name" type="LpWindow">
<lookup name="root">LpImageWindow</lookup>
</lookup>
</binding>
<child>
<object class="AdwLayout">
<property name="name">wide</property>
<property name="content">
<object class="AdwOverlaySplitView" id="properties_split_view">
<property name="sidebar-position">end</property>
<property name="min-sidebar-width">255</property>
<property name="show-sidebar" bind-source="properties_button" bind-property="active" bind-flags="bidirectional|sync-create" />
<property name="content">
<object class="AdwLayoutSlot">
<property name="id">content</property>
</object>
</property>
<property name="sidebar">
<object class="AdwLayoutSlot">
<property name="id">properties</property>
</object>
</property>
<property name="content">
<object class="AdwLayoutSlot">
<property name="id">content</property>
</object>
</property>
</object>
</property>
</object>
</property>
</object>
</child>
<child>
<object class="AdwLayout">
<property name="name">bottom-properties</property>
<property name="content">
<object class="LpWindowContent">
<property name="show-properties" bind-source="properties_button" bind-property="active" bind-flags="sync-create|invert-boolean" />
<property name="headerbar">
<object class="AdwLayoutSlot">
<property name="id">headerbar</property>
</object>
</property>
</child>
<child>
<object class="AdwLayout">
<property name="name">narrow</property>
<property name="content">
<object class="GtkBox">
<property name="orientation">vertical</property>
<child>
<object class="AdwLayoutSlot">
<property name="id">content</property>
<property name="vexpand">True</property>
</object>
</child>
<child>
@ -128,168 +191,63 @@
</object>
</property>
</object>
</property>
</object>
</child>
<child>
<object class="AdwLayout">
<property name="name">overlay-properties</property>
<property name="content">
<object class="AdwBottomSheet">
<property name="modal">True</property>
<property name="open" bind-source="properties_button" bind-property="active" bind-flags="bidirectional|sync-create" />
</child>
<child type="properties">
<object class="LpPropertiesView" id="properties_view" />
</child>
<child type="content">
<object class="LpDragOverlay" id="drag_overlay">
<property name="vexpand">true</property>
<property name="drop_target">drop_target</property>
<property name="content">
<object class="LpWindowContent">
<property name="show-properties" bind-source="properties_button" bind-property="active" bind-flags="sync-create|invert-boolean" />
<property name="headerbar">
<object class="AdwLayoutSlot">
<property name="id">headerbar</property>
</object>
</property>
<property name="content">
<object class="AdwLayoutSlot">
<property name="id">content</property>
</object>
</property>
</object>
</property>
<property name="sheet">
<object class="AdwToolbarView">
<child type="top">
<object class="AdwHeaderBar">
<property name="show-title">False</property>
<object class="GtkStack" id="stack">
<property name="visible-child">status_page</property>
<style>
<class name="drop-widget" />
</style>
<child>
<object class="GtkDropTarget" id="drop_target">
<property name="actions">copy</property>
</object>
</child>
<property name="content">
<object class="AdwLayoutSlot">
<property name="id">properties</property>
</object>
</property>
</object>
</property>
</object>
</property>
</object>
</child>
<!-- Layout slots -->
<child type="headerbar">
<object class="AdwHeaderBar" id="headerbar">
<!--
<property name="show-end-title-buttons" bind-source="window" bind-property="fullscreened" bind-flags="sync-create|invert-boolean" />
<property name="show-start-title-buttons" bind-source="window" bind-property="fullscreened" bind-flags="sync-create|invert-boolean" />
-->
<style>
<class name="fullscreen-osd" />
</style>
<child type="start">
<object class="GtkButton" id="fullscreen_button">
<property name="action-name">win.toggle-fullscreen</property>
<property name="tooltip-text" translatable="yes">Toggle Fullscreen</property>
</object>
</child>
<child type="start">
<object class="GtkButton" id="edit_button">
<property name="action-name">win.edit</property>
<property name="icon-name">document-edit-symbolic</property>
<property name="tooltip-text" translatable="yes">Edit Image</property>
</object>
</child>
<child type="end">
<object class="GtkMenuButton" id="primary_menu">
<property name="icon-name">open-menu-symbolic</property>
<property name="tooltip-text" translatable="yes">Main Menu</property>
<property name="primary">True</property>
<property name="popover">
<object class="GtkPopoverMenu">
<property name="menu-model">primary_menu</property>
<child type="rotate-left">
<object class="GtkButton">
<property name="icon-name">object-rotate-left-symbolic</property>
<property name="tooltip-text" translatable="yes">Rotate Left</property>
<property name="action-name">win.rotate-ccw</property>
<style>
<class name="flat" />
</style>
<child>
<object class="AdwStatusPage" id="status_page">
<property name="title" translatable="yes">View Images</property>
<property name="description" translatable="yes">Drag and drop images here</property>
<child>
<object class="GtkButton">
<property name="halign">center</property>
<property name="label" translatable="yes">_Open Files…</property>
<property name="use-underline">True</property>
<property name="action-name">win.open</property>
<style>
<class name="pill" />
<class name="suggested-action" />
</style>
</object>
</child>
</object>
</child>
<child type="rotate-right">
<object class="GtkButton">
<property name="icon-name">object-rotate-right-symbolic</property>
<property name="tooltip-text" translatable="yes">Rotate Right</property>
<property name="action-name">win.rotate-cw</property>
<style>
<class name="flat" />
</style>
<child>
<object class="LpImageView" id="image_view">
<child>
<object class="GtkGestureClick" id="forward_click_gesture">
<property name="button">9</property>
</object>
</child>
<child>
<object class="GtkGestureClick" id="backward_click_gesture">
<property name="button">8</property>
</object>
</child>
</object>
</child>
</object>
</property>
</object>
</child>
<child type="end">
<object class="GtkToggleButton" id="properties_button">
<property name="icon-name">info-outline-symbolic</property>
<property name="tooltip-text" translatable="yes">Image Properties</property>
</object>
</child>
<child>
<object class="GtkEventControllerMotion" id="headerbar_events" />
</child>
</object>
</child>
<child type="content">
<object class="LpDragOverlay" id="drag_overlay">
<property name="drop_target">drop_target</property>
<property name="content">
<object class="GtkStack" id="stack">
<property name="visible-child">status_page</property>
<style>
<class name="drop-widget" />
</style>
<child>
<object class="GtkDropTarget" id="drop_target">
<property name="actions">copy</property>
</object>
</child>
<child>
<object class="AdwStatusPage" id="status_page">
<property name="title" translatable="yes">View Images</property>
<property name="description" translatable="yes">Drag and drop images here</property>
<child>
<object class="GtkButton">
<property name="halign">center</property>
<property name="label" translatable="yes">_Open Files…</property>
<property name="use-underline">True</property>
<property name="action-name">win.open</property>
<style>
<class name="pill" />
<class name="suggested-action" />
</style>
</object>
</child>
</object>
</child>
<child>
<object class="LpImageView" id="image_view">
<child>
<object class="GtkGestureClick" id="forward_click_gesture">
<property name="button">9</property>
</object>
</child>
<child>
<object class="GtkGestureClick" id="backward_click_gesture">
<property name="button">8</property>
</object>
</child>
</object>
</child>
</object>
</property>
</object>
</child>
<child type="properties">
<object class="LpPropertiesView" id="properties_view" />
</child>
</property>
</object>
</property>
</template>