wp/wp-admin/css/themes.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
equal deleted inserted replaced
21:48c4eec2b7e6 22:8c2e4d02f4ef
     7   16.1 - Manage Themes
     7   16.1 - Manage Themes
     8 ------------------------------------------------------------------------------*/
     8 ------------------------------------------------------------------------------*/
     9 
     9 
    10 .themes-php {
    10 .themes-php {
    11 	overflow-y: scroll;
    11 	overflow-y: scroll;
       
    12 }
       
    13 
       
    14 .themes-php #adminmenuwrap {
       
    15 	z-index: 10001; /* above Theme Overlay */
    12 }
    16 }
    13 
    17 
    14 body.js .theme-browser.search-loading {
    18 body.js .theme-browser.search-loading {
    15 	display: none;
    19 	display: none;
    16 }
    20 }
   370 	top: 0;
   374 	top: 0;
   371 	bottom: 0;
   375 	bottom: 0;
   372 	background: #f0f0f1;
   376 	background: #f0f0f1;
   373 	background: rgba(240, 240, 241, 0.9);
   377 	background: rgba(240, 240, 241, 0.9);
   374 	z-index: 10000; /* Over WP Pointers. */
   378 	z-index: 10000; /* Over WP Pointers. */
       
   379 	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
   375 }
   380 }
   376 
   381 
   377 .theme-overlay .theme-header {
   382 .theme-overlay .theme-header {
   378 	position: absolute;
   383 	position: absolute;
   379 	top: 0;
   384 	top: 0;
   913 
   918 
   914 	.theme-overlay .theme-actions {
   919 	.theme-overlay .theme-actions {
   915 		padding-left: 4%;
   920 		padding-left: 4%;
   916 		padding-right: 4%;
   921 		padding-right: 4%;
   917 	}
   922 	}
       
   923 
       
   924 	.theme-install-php .wp-filter .filter-count {
       
   925 		margin-top: 10px;
       
   926 	}
   918 }
   927 }
   919 
   928 
   920 @media only screen and (max-width: 650px) {
   929 @media only screen and (max-width: 650px) {
   921 	.theme-overlay .theme-description {
   930 	.theme-overlay .theme-description {
   922 		margin-left: 0;
   931 		margin-left: 0;
   933 	}
   942 	}
   934 
   943 
   935 	.theme-overlay .theme-screenshots {
   944 	.theme-overlay .theme-screenshots {
   936 		width: 100%;
   945 		width: 100%;
   937 		float: none;
   946 		float: none;
       
   947 		margin: 0;
   938 	}
   948 	}
   939 
   949 
   940 	.theme-overlay .theme-info {
   950 	.theme-overlay .theme-info {
   941 		width: 100%;
   951 		width: 100%;
   942 	}
   952 	}
  1636 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
  1646 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
  1637 	transform: none;
  1647 	transform: none;
  1638 }
  1648 }
  1639 
  1649 
  1640 /* Animations */
  1650 /* Animations */
  1641 .wp-full-overlay,
  1651 @media (prefers-reduced-motion: no-preference) {
  1642 .wp-full-overlay-sidebar,
  1652 	.wp-full-overlay,
  1643 .wp-full-overlay .collapse-sidebar,
  1653 	.wp-full-overlay-sidebar,
  1644 .wp-full-overlay-main {
  1654 	.wp-full-overlay .collapse-sidebar,
  1645 	transition-property: left, right, top, bottom, width, margin;
  1655 	.wp-full-overlay-main {
  1646 	transition-duration: 0.2s;
  1656 		transition-property: left, right, top, bottom, width, margin;
       
  1657 		transition-duration: 0.2s;
       
  1658 	}
  1647 }
  1659 }
  1648 
  1660 
  1649 /* Device/preview size toggles */
  1661 /* Device/preview size toggles */
  1650 
  1662 
  1651 .wp-full-overlay {
  1663 .wp-full-overlay {