update mockup to fix some visual bugs and add clarity but remove popover

This commit is contained in:
Bit Borealis 2023-08-26 12:14:33 +00:00
parent af987c3f2d
commit ad1ab9225c
2 changed files with 77 additions and 101 deletions

View File

@ -16,18 +16,16 @@
(1,12,"GtkButton",None,5,None,"start",None,None,None),
(1,13,"GtkButton",None,5,None,"end",None,None,None),
(1,14,"GtkBox",None,4,None,None,None,1,None),
(1,22,"GtkBox",None,14,None,None,None,1,None),
(1,23,"AdwAvatar",None,22,None,None,None,None,None),
(1,24,"AdwAvatar",None,22,None,None,None,1,None),
(1,25,"AdwAvatar",None,22,None,None,None,2,None),
(1,26,"AdwAvatar",None,22,None,None,None,3,None),
(1,27,"AdwAvatar",None,22,None,None,None,4,None),
(1,28,"AdwAvatar",None,22,None,None,None,5,None),
(1,29,"AdwAvatar",None,22,None,None,None,6,None),
(1,30,"AdwAvatar",None,22,None,None,None,7,None),
(1,31,"AdwAvatar",None,22,None,None,None,8,None),
(1,32,"GtkPopover",None,23,None,None,None,None,None),
(1,33,"AdwStatusPage",None,32,None,None,None,None,None)
(1,26,"GtkScrolledWindow",None,14,None,None,None,None,None),
(1,27,"GtkBox",None,26,None,None,None,None,None),
(1,28,"AdwAvatar",None,27,None,None,None,None,None),
(1,29,"AdwAvatar",None,27,None,None,None,1,None),
(1,30,"AdwAvatar",None,27,None,None,None,2,None),
(1,31,"AdwAvatar",None,27,None,None,None,3,None),
(1,32,"AdwAvatar",None,27,None,None,None,4,None),
(1,33,"AdwAvatar",None,27,None,None,None,5,None),
(1,34,"AdwAvatar",None,27,None,None,None,6,None),
(1,35,"AdwAvatar",None,27,None,None,None,7,None)
</object>
<object_property>
(1,1,"AdwApplicationWindow","content",None,None,None,None,None,4,None,None,None,None),
@ -43,32 +41,25 @@
(1,11,"AdwWindowTitle","title","example",None,None,None,None,None,None,None,None,None),
(1,12,"GtkButton","icon-name","go-home-symbolic",None,None,None,None,None,None,None,None,None),
(1,13,"GtkButton","icon-name","open-menu-symbolic",None,None,None,None,None,None,None,None,None),
(1,22,"GtkBox","spacing","-1",None,None,None,None,None,None,None,None,None),
(1,22,"GtkOrientable","orientation","vertical",None,None,None,None,None,None,None,None,None),
(1,22,"GtkWidget","width-request","60",None,None,None,None,None,None,None,None,None),
(1,23,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,23,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,24,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,24,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,25,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,25,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,26,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,26,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,27,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,27,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,14,"GtkWidget","halign","end",None,None,None,None,None,None,None,None,None),
(1,26,"GtkScrolledWindow","hscrollbar-policy","never",None,None,None,None,None,None,None,None,None),
(1,26,"GtkScrolledWindow","propagate-natural-height","True",None,None,None,None,None,None,None,None,None),
(1,27,"GtkOrientable","orientation","vertical",None,None,None,None,None,None,None,None,None),
(1,28,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,28,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,28,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,29,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,29,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,29,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,30,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,30,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,30,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,31,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,31,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
(1,32,"GtkPopover","position","right",None,None,None,None,None,None,None,None,None),
(1,33,"AdwStatusPage","description"," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet nulla eu ligula viverra lacinia. Maecenas leo libero, lobortis vitae tortor sit amet, ultrices dictum nulla. Cras malesuada risus metus, in iaculis velit tincidunt eu. Donec at euismod leo. Donec viverra leo eu nisl sollicitudin volutpat. Donec luctus mi metus, id luctus ligula rhoncus quis. Nullam sollicitudin lectus sagittis tellus aliquet, eu finibus turpis vehicula. Proin lorem libero, dictum ac nisi vel, imperdiet fringilla turpis. Etiam finibus lorem non tortor tincidunt, ut bibendum augue ultricies. ",None,None,None,None,None,None,None,None,None),
(1,33,"AdwStatusPage","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,33,"AdwStatusPage","title","xenon",None,None,None,None,None,None,None,None,None),
(1,33,"GtkWidget","height-request","100",None,None,None,None,None,None,None,None,None),
(1,33,"GtkWidget","width-request","400",None,None,None,None,None,None,None,None,None)
(1,31,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,32,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,32,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,33,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,33,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,34,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,34,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None),
(1,35,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
(1,35,"AdwAvatar","size","60",None,None,None,None,None,None,None,None,None)
</object_property>
</cambalache-project>

117
xenon.ui
View File

@ -51,77 +51,62 @@
</child>
<child>
<object class="GtkBox">
<property name="halign">end</property>
<child>
<object class="GtkBox">
<property name="orientation">vertical</property>
<property name="spacing">-1</property>
<property name="width-request">60</property>
<object class="GtkScrolledWindow">
<property name="hscrollbar-policy">never</property>
<property name="propagate-natural-height">True</property>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
<object class="GtkBox">
<property name="orientation">vertical</property>
<child>
<object class="GtkPopover">
<property name="position">left</property>
<child>
<object class="AdwStatusPage">
<property name="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet nulla eu ligula viverra lacinia. Maecenas leo libero, lobortis vitae tortor sit amet, ultrices dictum nulla. Cras malesuada risus metus, in iaculis velit tincidunt eu. Donec at euismod leo. Donec viverra leo eu nisl sollicitudin volutpat. Donec luctus mi metus, id luctus ligula rhoncus quis. Nullam sollicitudin lectus sagittis tellus aliquet, eu finibus turpis vehicula. Proin lorem libero, dictum ac nisi vel, imperdiet fringilla turpis. Etiam finibus lorem non tortor tincidunt, ut bibendum augue ultricies. </property>
<property name="height-request">100</property>
<property name="icon-name">web-browser-symbolic</property>
<property name="title">xenon</property>
<property name="width-request">400</property>
</object>
</child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">60</property>
</object>
</child>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
<child>
<object class="AdwAvatar">
<property name="icon-name">web-browser-symbolic</property>
<property name="size">30</property>
</object>
</child>
</object>