Commit ac7d353c authored by Milan Crha's avatar Milan Crha

Add 12px margin around the main screenshot image

That way it'll look much better when the screenshot itself doesn't
have its own margin.

Closes #83
Closes !512
parent f71cf36f
Pipeline #214767 passed with stage
in 4 minutes and 49 seconds
......@@ -630,6 +630,8 @@ gs_details_page_refresh_screenshots (GsDetailsPage *self)
gs_screenshot_image_set_size (GS_SCREENSHOT_IMAGE (ssmain),
AS_IMAGE_NORMAL_WIDTH,
AS_IMAGE_NORMAL_HEIGHT);
gtk_style_context_add_class (gtk_widget_get_style_context (ssmain),
"screenshot-image-main");
gs_screenshot_image_load_async (GS_SCREENSHOT_IMAGE (ssmain), NULL);
/* when we're offline, the load will be immediate, so we
......
......@@ -15,6 +15,9 @@
<property name="visible">True</property>
<property name="halign">center</property>
<property name="valign">center</property>
<style>
<class name="image1"/>
</style>
</object>
<packing>
<property name="name">image1</property>
......@@ -25,6 +28,9 @@
<property name="visible">True</property>
<property name="halign">center</property>
<property name="valign">center</property>
<style>
<class name="image2"/>
</style>
</object>
<packing>
<property name="name">image2</property>
......
......@@ -34,6 +34,7 @@
}
.screenshot-image { border-radius: 5px; }
.screenshot-image-thumb { border-radius: 3px; }
.screenshot-image-main .image1, .screenshot-image-main .image2 { margin: 12px; }
.app-tile-label {
font-size: 105%;
......
......@@ -163,6 +163,7 @@
}
.screenshot-image { border-radius: 5px; }
.screenshot-image-thumb { border-radius: 3px; }
.screenshot-image-main .image1, .screenshot-image-main .image2 { margin: 12px; }
.app-tile-label {
font-size: 105%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment