gnome-shell/js/extensionPrefs/data/css/application.css

.details-button image {
  transition: 250ms;
}
.details-button.expanded:dir(ltr) image {
  -gtk-icon-transform: rotate(0.25turn);
}
.details-button.expanded:dir(rtl) image {
  -gtk-icon-transform: rotate(-0.25turn);
}

image.warning { color: @warning_color; }

.expander-frame > * { border-top-width: 0; }
.expander-toolbar { border: 0 solid @borders; border-top-width: 1px; }
extensionPrefs: Move description into a expander The description can be useful information, but also increases the visual complexity of the extensions list. Move it into a hidden details area that can be expanded, which unclutters the interface while keeping the information readily available. https://gitlab.gnome.org/GNOME/gnome-shell/issues/1968 2020-01-23 20:02:10 -05:00			`.details-button image {`
			`transition: 250ms;`
			`}`
			`.details-button.expanded:dir(ltr) image {`
			`-gtk-icon-transform: rotate(0.25turn);`
			`}`
			`.details-button.expanded:dir(rtl) image {`
			`-gtk-icon-transform: rotate(-0.25turn);`
			`}`
extensionPrefs: Support extension updates Now that we have support for extension updates in the shell, we need some place to display the updates to the user. As we are establishing the Extensions app as the primary way for managing extensions, it's a natural place for that functionality. Show which extensions have updates available, and offer a log out button (so gnome-shell can apply the updates when logging back in). https://gitlab.gnome.org/GNOME/gnome-shell/issues/1968 2019-11-30 09:20:04 -05:00
			`image.warning { color: @warning_color; }`
extensionPrefs: Use template for preference dialog The dialog that contains the extension's preference widget has become fairly complex over time, mostly due to the error handling. It therefore makes sense to move it to a template, just like we did for the main application window and extension rows. https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1106 2020-03-05 19:03:45 -05:00
			`.expander-frame > * { border-top-width: 0; }`
			`.expander-toolbar { border: 0 solid @borders; border-top-width: 1px; }`