Issue #2434747 by samuel.mortenson: Improve user interface at admin/appearance (084b1501) · Commits · project / ember

extensions/ux_styleguide/stylesheets/ux_styleguide/drupal/seven/system/_system.base.scss

+39 −0

Original line number	Diff line number	Diff line
		@@ -415,3 +415,42 @@ html.js {
		.clearfix {
		@include clearfix;
		}

		/*
		* Styles for the admin/appearance page
		*/

		/* Remove clearfix rule for selectors */
		.theme-selector {
		clear: inherit;
		float: left;
		/* Give all theme selectors the same padding */
		padding: 20px 20px 20px 0;
		}

		/* Remove the theme list wrappers' clearfix rule */
		.system-themes-list {
		clear: inherit;
		}

		/* Set the font size on <h3> tags to be a bit smaller */
		.theme-info {
		h3 {
		font-size: 1.3em;
		}
		}

		/* Give the enabled themes info section padding, and place it under the screenshot */
		.system-themes-list-enabled {
		.theme-info {
		clear: both;
		padding-top: 10px;
		}
		}

		.system-themes-list-disabled {
		.theme-selector {
		/* Set static height to match width, to that themes align properly */
		height: 300px;
		}
		}

+32 −0

Original line number	Diff line number	Diff line
		@@ -357,3 +357,35 @@ html.js .js-hide {
		.clearfix:after {
		clear: both;
		}

		/*
		* Styles for the admin/appearance page
		*/
		/* Remove clearfix rule for selectors */
		.theme-selector {
		clear: inherit;
		float: left;
		/* Give all theme selectors the same padding */
		padding: 20px 20px 20px 0;
		}

		/* Remove the theme list wrappers' clearfix rule */
		.system-themes-list {
		clear: inherit;
		}

		/* Set the font size on <h3> tags to be a bit smaller */
		.theme-info h3 {
		font-size: 1.3em;
		}

		/* Give the enabled themes info section padding, and place it under the screenshot */
		.system-themes-list-enabled .theme-info {
		clear: both;
		padding-top: 10px;
		}

		.system-themes-list-disabled .theme-selector {
		/* Set static height to match width, to that themes align properly */
		height: 300px;
		}