wp/wp-admin/css/nav-menus.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
    19 	margin: 13px 0;
    19 	margin: 13px 0;
    20 }
    20 }
    21 
    21 
    22 #nav-menu-meta .accordion-section-content {
    22 #nav-menu-meta .accordion-section-content {
    23 	padding: 18px 13px;
    23 	padding: 18px 13px;
       
    24 	resize: vertical;
    24 }
    25 }
    25 
    26 
    26 #nav-menu-meta .button-controls {
    27 #nav-menu-meta .button-controls {
    27 	margin-bottom: 0;
    28 	margin-bottom: 0;
    28 }
    29 }
    46 }
    47 }
    47 
    48 
    48 #menu-settings-column .inside {
    49 #menu-settings-column .inside {
    49 	clear: both;
    50 	clear: both;
    50 	margin: 10px 0 0;
    51 	margin: 10px 0 0;
       
    52 	height: 100%;
       
    53 	max-height: inherit;
       
    54 }
       
    55 
       
    56 #menu-settings-column .categorydiv,
       
    57 #menu-settings-column .customlinkdiv,
       
    58 #menu-settings-column .posttypediv,
       
    59 #menu-settings-column .taxonomydiv {
       
    60 	max-height: inherit;
       
    61 	height: 100%;
       
    62 }
       
    63 
       
    64 #menu-settings-column .wp-tab-panel,
       
    65 #menu-settings-column .categorydiv div.tabs-panel,
       
    66 #menu-settings-column .customlinkdiv div.tabs-panel,
       
    67 #menu-settings-column .posttypediv div.tabs-panel,
       
    68 #menu-settings-column .taxonomydiv div.tabs-panel {
       
    69 	/* Allow space for content after tab panels in nav menu editor. */
       
    70 	max-height: calc( 100% - 75px );
       
    71 	height: 100%;
    51 }
    72 }
    52 
    73 
    53 .metabox-holder-disabled .postbox,
    74 .metabox-holder-disabled .postbox,
    54 .metabox-holder-disabled .accordion-section-content,
    75 .metabox-holder-disabled .accordion-section-content,
    55 .metabox-holder-disabled .accordion-section-title {
    76 .metabox-holder-disabled .accordion-section-title {
   101 	margin: 1em 0;
   122 	margin: 1em 0;
   102 }
   123 }
   103 
   124 
   104 #nav-menu-bulk-actions-bottom {
   125 #nav-menu-bulk-actions-bottom {
   105 	margin: 1em 0;
   126 	margin: 1em 0;
   106 	margin: calc( 1em + 9px ) 0 ; 
   127 	margin: calc( 1em + 9px ) 0;
   107 }
   128 }
   108 
   129 
   109 .bulk-actions input.button {
   130 .bulk-actions input.button {
   110 	margin-right: 12px;
   131 	margin-right: 12px;
   111 }
   132 }
   167 	background: #f0f0f1;
   188 	background: #f0f0f1;
   168 	border-color: #0a4b78;
   189 	border-color: #0a4b78;
   169 	color: #0a4b78;
   190 	color: #0a4b78;
   170 }
   191 }
   171 
   192 
   172 input.bulk-select-switcher:focus + .bulk-select-button-label{
   193 input.bulk-select-switcher:focus + .bulk-select-button-label {
   173 	color: #0a4b78;
   194 	color: #0a4b78;
   174 }
   195 }
   175 
   196 
   176 .bulk-actions input.menu-items-delete {
   197 .bulk-actions input.menu-items-delete {
   177 	-webkit-appearance: none;
       
   178 	appearance: none;
   198 	appearance: none;
   179 	font-size: inherit;
   199 	font-size: inherit;
   180 	border: 0;
   200 	border: 0;
   181 	line-height: 2.1em;
   201 	line-height: 2.1em;
   182 	background: none;
   202 	background: none;
   189 	color: #b32d2e;
   209 	color: #b32d2e;
   190 	border: none;
   210 	border: none;
   191 }
   211 }
   192 
   212 
   193 .bulk-actions input.menu-items-delete.disabled {
   213 .bulk-actions input.menu-items-delete.disabled {
   194 	cursor: default;
   214 	display: none;
   195 	color: #a7aaad;
       
   196 	box-shadow: none;
       
   197 }
   215 }
   198 
   216 
   199 .menu-settings {
   217 .menu-settings {
   200 	border-top: 1px solid #f0f0f1;
   218 	border-top: 1px solid #f0f0f1;
   201 	margin-top: 2em;
   219 	margin-top: 2em;
   704 	line-height: 1.5;
   722 	line-height: 1.5;
   705 }
   723 }
   706 
   724 
   707 .no-js.nav-menus-php .item-edit .screen-reader-text {
   725 .no-js.nav-menus-php .item-edit .screen-reader-text {
   708 	position: static;
   726 	position: static;
   709 	-webkit-clip-path: none;
       
   710 	clip-path: none;
   727 	clip-path: none;
   711 	width: auto;
   728 	width: auto;
   712 	height: auto;
   729 	height: auto;
   713 	margin: 0;
   730 	margin: 0;
   714 }
   731 }
   732 .js.nav-menus-php .item-edit:focus {
   749 .js.nav-menus-php .item-edit:focus {
   733 	box-shadow: none;
   750 	box-shadow: none;
   734 }
   751 }
   735 
   752 
   736 .nav-menus-php .item-edit:focus:before {
   753 .nav-menus-php .item-edit:focus:before {
   737 	box-shadow:
   754 	box-shadow: 0 0 0 2px #2271b1;
   738 		0 0 0 1px #4f94d4,
   755 	/* Only visible in Windows High Contrast mode */
   739 		0 0 2px 1px rgba(79, 148, 212, 0.8);
   756 	outline: 2px solid transparent;
   740 }
   757 }
   741 
   758 
   742 /* Menu editing */
   759 /* Menu editing */
   743 .menu-instructions-inactive {
   760 .menu-instructions-inactive {
   744 	display: none;
   761 	display: none;
   837 	cursor: pointer;
   854 	cursor: pointer;
   838 }
   855 }
   839 
   856 
   840 /* Major/minor publishing actions (classes) */
   857 /* Major/minor publishing actions (classes) */
   841 .nav-menus-php .major-publishing-actions {
   858 .nav-menus-php .major-publishing-actions {
   842 	clear: both;
       
   843 	padding: 10px 0;
   859 	padding: 10px 0;
   844 	line-height: 2.15384615;
   860 	display: flex;
   845 }
   861 	align-items: center;
   846 
   862 }
   847 .nav-menus-php .major-publishing-actions .publishing-action {
   863 
   848 	text-align: right;
   864 .nav-menus-php .major-publishing-actions > * {
   849 	float: right;
   865 	margin-right: 10px;
   850 }
       
   851 
       
   852 /* Same as the Publish Meta Box #delete-action */
       
   853 .nav-menus-php .delete-action {
       
   854 	float: left;
       
   855 	line-height: 2.1;
       
   856 }
   866 }
   857 
   867 
   858 .nav-menus-php .major-publishing-actions .form-invalid {
   868 .nav-menus-php .major-publishing-actions .form-invalid {
   859 	padding-left: 4px;
   869 	padding-left: 4px;
   860 	margin-left: -4px;
   870 	margin-left: -4px;
   998 	}
  1008 	}
   999 }
  1009 }
  1000 
  1010 
  1001 @media only screen and (min-width: 783px) {
  1011 @media only screen and (min-width: 783px) {
  1002     @supports (position: sticky) and (scroll-margin-bottom: 130px) {
  1012     @supports (position: sticky) and (scroll-margin-bottom: 130px) {
  1003 		
  1013 
  1004 		#nav-menu-footer {
  1014 		#nav-menu-footer {
  1005                 position: sticky;
  1015                 position: sticky;
  1006 				bottom: 0;
  1016 				bottom: 0;
  1007 				z-index: 10;
  1017 				z-index: 10;
  1008 				box-shadow: 0 -1px 0 0 #ddd;
  1018 				box-shadow: 0 -1px 0 0 #ddd;