← All changes | assets/sass/toolbar.scss +145 -0 2.2 → 3.7.2 View file →

		@@ -1,4 +1,16 @@
	1	+.stockpack-sidebar .stockpack-attribution.in-sidebar {
	2	+ display: block;
	3	+ width: auto;
	4	+
	5	+ .attribution {
	6	+ position: static;
	7	+ width: auto;
	8	+ max-width: none;
	9	+ margin: 16px 0 12px;
	10	+ }
	11	+}
	12	+
1	13	.media-toolbar {
2	14	.stockpack-attribution {
3	15	display: inline-block;
4	16	&.hidden{
		@@ -5,8 +17,9 @@
5	17	display: none;
6	18	}
7	19	.attribution{
8	20	margin-left: 0;
	21	+ margin-top: 23px;
9	22	@include r(1080) {
10	23	width: 280px;
11	24	position: fixed;
12	25	bottom:40px;
		@@ -26,5 +39,137 @@
26	39	.author-info{
27	40	display: block;
28	41	}
29	42	}
	43	+}
	44	+
	45	+.media-toolbar-primary.stockpack-generating {
	46	+ .search,
	47	+ label[for="stockpack-search-input"] {
	48	+ display: none !important;
	49	+ }
	50	+
	51	+ .spinner {
	52	+ display: none !important;
	53	+ }
	54	+}
	55	+
	56	+.stockpack-generate {
	57	+ display: none;
	58	+ align-items: center;
	59	+ gap: 4px;
	60	+ margin: 0 4px;
	61	+ max-width: 100%;
	62	+ min-width: 0;
	63	+
	64	+ .stockpack-generate-prompt {
	65	+ min-width: 160px;
	66	+ flex: 1 1 220px;
	67	+ margin: 0;
	68	+ }
	69	+
	70	+ .stockpack-generate-model {
	71	+ margin: 0;
	72	+ }
	73	+
	74	+ .stockpack-generate-button {
	75	+ flex: 0 0 auto;
	76	+ }
	77	+
	78	+ .stockpack-generate-cost {
	79	+ flex: 0 0 auto;
	80	+ font-size: 12px;
	81	+ color: #646970;
	82	+ white-space: nowrap;
	83	+ cursor: help;
	84	+ }
	85	+
	86	+ .stockpack-generate-clear {
	87	+ flex: 0 0 auto;
	88	+ display: none;
	89	+ font-size: 12px;
	90	+ cursor: pointer;
	91	+ white-space: nowrap;
	92	+ }
	93	+
	94	+ .stockpack-generate-status {
	95	+ display: none;
	96	+ flex: 0 0 auto;
	97	+ align-items: center;
	98	+ gap: 6px;
	99	+ font-size: 12px;
	100	+ color: #1d2327;
	101	+ white-space: nowrap;
	102	+ }
	103	+
	104	+ .stockpack-generate-cost.is-unavailable {
	105	+ flex: 1 1 220px;
	106	+ white-space: normal;
	107	+ line-height: 1.3;
	108	+ }
	109	+
	110	+ .stockpack-generate-balance {
	111	+ flex: 0 0 auto;
	112	+ display: none;
	113	+ font-size: 12px;
	114	+ color: #1d2327;
	115	+ white-space: nowrap;
	116	+ }
	117	+
	118	+ .stockpack-generate-pulse {
	119	+ width: 8px;
	120	+ height: 8px;
	121	+ border-radius: 999px;
	122	+ background: #2271b1;
	123	+ animation: stockpack-pulse 1.1s ease-in-out infinite;
	124	+ }
	125	+
	126	+ .stockpack-generate-refine-label {
	127	+ flex: 0 0 auto;
	128	+ display: none;
	129	+ align-items: center;
	130	+ gap: 4px;
	131	+ font-size: 12px;
	132	+ white-space: nowrap;
	133	+
	134	+ input {
	135	+ margin: 0;
	136	+ }
	137	+ }
	138	+
	139	+ &.is-generating {
	140	+ .stockpack-generate-status {
	141	+ display: inline-flex;
	142	+ }
	143	+
	144	+ .stockpack-generate-cost,
	145	+ .stockpack-generate-balance,
	146	+ .stockpack-generate-clear,
	147	+ .stockpack-generate-refine-label {
	148	+ display: none !important;
	149	+ }
	150	+ }
	151	+}
	152	+
	153	+@keyframes stockpack-pulse {
	154	+ 0%, 100% { opacity: 1; transform: scale(1); }
	155	+ 50% { opacity: 0.35; transform: scale(0.6); }
	156	+}
	157	+
	158	+@media (prefers-reduced-motion: reduce) {
	159	+ .stockpack-generate .stockpack-generate-pulse {
	160	+ animation: none;
	161	+ }
	162	+}
	163	+
	164	+.media-frame .stockpack-generate select,
	165	+.wp-admin .media-frame .stockpack-generate select,
	166	+.media-frame .stockpack-generate .stockpack-generate-button,
	167	+.wp-admin .media-frame .stockpack-generate .stockpack-generate-button,
	168	+.media-frame .stockpack-generate .stockpack-generate-prompt {
	169	+ height: 32px;
	170	+ min-height: 32px;
	171	+ line-height: 30px;
	172	+ box-sizing: border-box;
	173	+ font-size: 14px;
	174	+ margin: 0;
30	175	}