update mockup to fix some visual bugs and add clarity but remove popover
This commit is contained in:
parent
af987c3f2d
commit
ad1ab9225c
61
xenon.cmb
61
xenon.cmb
|
@ -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
117
xenon.ui
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue