Loupe/data/style.css

/* Overlay controls for next, zoom, fullscreen */
button.osd.circular {
  min-width: 42px;
  min-height: 42px;
}

flap.fullscreen-widget dimming, shadow, border, outline {
  background: none;
}

row.property label.title {
  opacity: 0.55;
  font-size: smaller;
}

row.property label.subtitle {
  opacity: 1.0;
  font-size: 11pt;
}

.drag-icon {
  margin: 16px;
  border-radius: 5px;
  outline: 2px solid white;
  box-shadow: 0 0 10px rgba(0.4, 0.4, 0.4, 0.8);
}
css: Make OSD circular selector more specific This avoids applying it to other circular buttons in the app. Also, remove padding to make size independent of icon size. Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/152> 2023-03-24 21:42:53 +01:00			`/* Overlay controls for next, zoom, fullscreen */`
			`button.osd.circular {`
			`min-width: 42px;`
			`min-height: 42px;`
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds. 2020-12-26 02:05:34 -08:00			`}`

window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened. 2021-09-24 01:14:56 -07:00			`flap.fullscreen-widget dimming, shadow, border, outline {`
			`background: none;`
			`}`

Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data. 2022-07-26 11:31:11 -04:00			`row.property label.title {`
			`opacity: 0.55;`
			`font-size: smaller;`
			`}`

			`row.property label.subtitle {`
			`opacity: 1.0;`
			`font-size: 11pt;`
			`}`
image: Add newly designed thumbnail for DnD The old method stopped working with the new decoder setup. The new design features a frame for contrast and rotates images based on EXIF information. Closes #89 2023-03-07 20:48:09 +01:00
			`.drag-icon {`
			`margin: 16px;`
			`border-radius: 5px;`
			`outline: 2px solid white;`
			`box-shadow: 0 0 10px rgba(0.4, 0.4, 0.4, 0.8);`
css: Make OSD circular selector more specific This avoids applying it to other circular buttons in the app. Also, remove padding to make size independent of icon size. Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/152> 2023-03-24 21:42:53 +01:00			`}`