← All changes | admin/assets/css/list-table.css +125 -14 2.1.91 → 2.7.9 View file →

		@@ -1,30 +1,80 @@
1	1	/**
2	2	* Snippets list table
3		- * @author Webcraftic <[email protected]>
4		- * @copyright Webcraftic 02.06.2018
5	3	*/
6	4	.wp-list-table th#title {
7	5	width: 20% !important;
8	6	}
9		-.wp-list-table th#snippet_type {
	7	+.wp-list-table th#winp_snippet_type {
10	8	width: 70px !important;
11	9	}
12		-.wp-list-table th#actions {
	10	+.wp-list-table th#winp_actions {
13	11	width: 50px !important;
14	12	}
15		-.wp-list-table th#where_use {
	13	+.wp-list-table th#winp_where_use {
16	14	width: 200px !important;
17	15	}
18		-.wp-list-table th#taxonomy-wbcr-snippet-tags {
	16	+.wp-list-table th#winp_priority {
	17	+ width: 90px !important;
	18	+}
	19	+.wp-list-table th#winp_taxonomy-wbcr-snippet-tags {
19	20	width: 100px;
20	21	}
	22	+.wp-list-table .winp-taxonomy-href {
	23	+ text-decoration: underline;
	24	+}
21	25	.wp-list-table td {
22		- vertical-align: middle !important;
	26	+ vertical-align: middle;
23	27	/*&.column-snippet_type {
24		- text-align: center;
25		- }*/
	28	+ text-align: center;
	29	+ }*/
26	30	}
	31	+.wp-list-table td.column-winp_actions {
	32	+ vertical-align: top;
	33	+}
	34	+.wp-list-table td .winp-snippet-active-switch,
	35	+.wp-list-table td .winp-snippet-inactive-switch {
	36	+ background-color: #6366f1;
	37	+ margin-top: 5px;
	38	+ width: 40px;
	39	+ height: 20px;
	40	+ border-radius: 34px;
	41	+ display: inline-block;
	42	+}
	43	+.wp-list-table td .winp-snippet-active-switch:before,
	44	+.wp-list-table td .winp-snippet-inactive-switch:before {
	45	+ -webkit-transform: translateX(100%);
	46	+ transform: translateX(100%);
	47	+ -webkit-transition: all 0.4s;
	48	+ transition: all 0.4s;
	49	+ content: "";
	50	+ height: 16px;
	51	+ width: 17px;
	52	+ display: inline-block;
	53	+ margin: 2px;
	54	+ background-color: #fff;
	55	+ border-radius: 50%;
	56	+}
	57	+.wp-list-table td .winp-snippet-active-switch:hover:before,
	58	+.wp-list-table td .winp-snippet-inactive-switch:hover:before {
	59	+ -webkit-transform: translateX(80%);
	60	+ transform: translateX(80%);
	61	+}
	62	+.wp-list-table td .winp-inactive.winp-snippet-active-switch {
	63	+ background-color: #ccc;
	64	+}
	65	+.wp-list-table td .winp-inactive.winp-snippet-active-switch:before {
	66	+ -webkit-transform: none;
	67	+ transform: none;
	68	+}
	69	+.wp-list-table td .winp-inactive.winp-snippet-active-switch:hover:before {
	70	+ -webkit-transform: translateX(20%);
	71	+ transform: translateX(20%);
	72	+}
	73	+.wp-list-table td .winp-snippet-switch-loader:before {
	74	+ -webkit-transform: translateX(55%) !important;
	75	+ transform: translateX(55%) !important;
	76	+}
27	77	.wp-list-table .wbcr-inp-enable-snippet-button .dashicons {
28	78	margin-top: 3px;
29	79	}
30	80	.wp-list-table .wbcr-inp-enable-snippet-button .dashicons.dashicons-controls-pause {
		@@ -36,8 +86,10 @@
36	86	border-radius: 3px;
37	87	font-weight: bold;
38	88	width: 30px;
39	89	text-align: center;
	90	+ float: right;
	91	+ margin-right: 5px;
40	92	}
41	93	.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-php {
42	94	background: #777bb3;
43	95	color: #ffffff;
		@@ -42,15 +94,31 @@
42	94	background: #777bb3;
43	95	color: #ffffff;
44	96	}
45	97	.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-text {
46		- background: #ffeb3b;
47		- color: #655d15;
	98	+ background: #4CAF50;
	99	+ color: #fffffd;
48	100	}
49	101	.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-universal {
50		- background: #cae8cc;
51		- color: #3b6f3e;
	102	+ background: #607D8B;
	103	+ color: #ffffff;
52	104	}
	105	+.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-css {
	106	+ background: #1572b6;
	107	+ color: #ffffff;
	108	+}
	109	+.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-js {
	110	+ background: #f7df1e;
	111	+ color: #655b0e;
	112	+}
	113	+.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-html {
	114	+ background: #e44d26;
	115	+ color: #fffffd;
	116	+}
	117	+.wp-list-table .wbcr-inp-snippet-type-label.wbcr-inp-type-advert {
	118	+ background: #d56700;
	119	+ color: #fffffd;
	120	+}
53	121	.wp-list-table .wbcr-inp-status-marker {
54	122	display: inline-block;
55	123	border-radius: 100%;
56	124	width: 10px;
		@@ -62,8 +130,34 @@
62	130	}
63	131	.wp-list-table .wbcr-inp-status-marker.wbcr-inp-status-grey {
64	132	background: #c0c0c0;
65	133	}
	134	+.wp-list-table .wbcr_inp_shortcode_input,
	135	+.wp-list-table .wbcr_inp_shortcode_input:focus {
	136	+ border: 1px solid #cbcbcb;
	137	+ background: #f6f6f6;
	138	+ box-shadow: none;
	139	+ outline: none;
	140	+ width: 100%;
	141	+ color: #555;
	142	+ font-size: 13px;
	143	+ padding: 5px;
	144	+ margin: 0;
	145	+ text-align: center;
	146	+}
	147	+.wp-list-table .wbcr_inp_input_priority,
	148	+.wp-list-table .wbcr_inp_input_priority:focus {
	149	+ width: 50px;
	150	+ color: #555;
	151	+ font-size: 13px;
	152	+ margin: 0;
	153	+ padding: 0;
	154	+ text-align: center;
	155	+}
	156	+.wp-list-table .wbcr_inp_input_priority.winp-loader {
	157	+ background: url('../img/loader.gif') no-repeat right center;
	158	+ background-size: 20px;
	159	+}
66	160	@media screen and (max-width: 1350px) {
67	161	.wp-list-table th#description,
68	162	.wp-list-table th.column-description {
69	163	width: 0;
		@@ -85,5 +179,22 @@
85	179	width: 0;
86	180	font-size: 0;
87	181	}
88	182	}
89		-/*# sourceMappingURL=list-table.css.map */
	183	+[dir="rtl"] .wp-list-table td .winp-snippet-active-switch:before,
	184	+[dir="rtl"] .wp-list-table td .winp-snippet-inactive-switch:before {
	185	+ -webkit-transform: translateX(0);
	186	+ transform: translateX(0);
	187	+}
	188	+[dir="rtl"] .wp-list-table td .winp-snippet-active-switch:hover:before,
	189	+[dir="rtl"] .wp-list-table td .winp-snippet-inactive-switch:hover:before {
	190	+ -webkit-transform: translateX(-20%);
	191	+ transform: translateX(-20%);
	192	+}
	193	+[dir="rtl"] .wp-list-table td .winp-inactive.winp-snippet-active-switch:before {
	194	+ -webkit-transform: translateX(-100%);
	195	+ transform: translateX(-100%);
	196	+}
	197	+[dir="rtl"] .wp-list-table td .winp-inactive.winp-snippet-active-switch:hover:before {
	198	+ -webkit-transform: translateX(-80%);
	199	+ transform: translateX(-80%);
	200	+}