1
1
/* === RIGHT - CONVERSATION CONTAINER === */
2
- /* .grow.overflow-auto.bg-token-main-surface-primary:has(article) - is for the targeting "Share Link" page */
3
- .grow.overflow-auto.bg-token-main-surface-primary :has ([data-testid ^= ' conversation-turn-' ]),
2
+ // .grow.overflow-auto.bg-token-main-surface-primary:has([data-testid^='conversation-turn-']) - outdated: "Share Link" page not exists anymore like separated page. Its now part of the chat,
4
3
main [role = ' presentation' ] {
5
4
container : main / inline-size ;
6
5
7
6
/* Main Page chat-container Bg*/
8
- & ,
9
- /* Shared Link Page Bg */
10
- .bg-token-main-surface-primary.h-full.overflow-auto {
11
- background-color : var (--c-bg-chats-container ) !important ;
12
- }
7
+ background-color : var (--c-bg-chats-container ) !important ;
13
8
14
9
/* GPT logo in new chat page when no-btns are shown. Its important to make this code before .gizmo-shadow-stroke (main new chat logo in old-ui) because it override its color */
15
- .flex.h-full > svg [role = ' img' ] {
10
+ .flex.h-full > svg [role = ' img' ] {
16
11
color : var (--c-accent );
17
12
}
18
13
19
- /* GPT logo in chat bubble */
20
- .gizmo-bot-avatar div ,
21
- /* GPT logo in "New Chat" main chat-container in old-ui */
22
- .gizmo-shadow-stroke {
23
- background-color : var (--c-accent ) !important ;
14
+ // / * GPT logo in chat bubble */
15
+ // .gizmo-bot-avatar div,
16
+ // / * GPT logo in "New Chat" main chat-container in old-ui */
17
+ // .gizmo-shadow-stroke {
18
+ // background-color: var(--c-accent) !important;
24
19
25
- svg {
26
- color : var (--c-on-accent ) !important ;
27
- }
28
- }
20
+ // svg {
21
+ // color: var(--c-on-accent) !important;
22
+ // }
23
+ // }
29
24
30
25
.gizmo-bot-avatar {
31
26
--main-surface-tertiary : var (--c-accent ) !important ;
@@ -125,7 +120,7 @@ main [role='presentation'] {
125
120
border-radius : var (--br );
126
121
}
127
122
128
- & > .bg-token-main-surface-primary {
123
+ & > .bg-token-main-surface-primary {
129
124
--main-surface-primary : hsla (var (--accent-hsl ) / 0.1 ) !important ;
130
125
// background-color: hsla(var(--accent-hsl) / 0.1) !important;
131
126
backdrop-filter : blur (8px );
@@ -274,7 +269,7 @@ main [role='presentation'] {
274
269
& > div.text-base > div[class*="xl:max-w-[48rem]"] { // ovo ne moze jer za mobile nema ove klase vec samo md:max-w-3xl
275
270
& > div.text-base > div[class*="md:max-w-3xl"] {
276
271
// ? Adding .markdown here fix flash background of user chat bubble on first message */
277
- & > div .text-base > div :first-child:has (.markdown , [id ^= " textdoc-message" ]) {
272
+ & > div .text-base > div :first-child:has (.markdown , [id ^= " textdoc-message" ]) {
278
273
279
274
--pt-multiplier : 1.3 ;
280
275
background-color : var (--c-bg-msg-gpt );
@@ -294,15 +289,15 @@ main [role='presentation'] {
294
289
.not-prose {
295
290
296
291
/* DESKTOP */
297
- & > .-mt-2.bg-token-main-surface-primary :has (.mapboxgl-map ) {
292
+ & > .-mt-2.bg-token-main-surface-primary :has (.mapboxgl-map ) {
298
293
--main-surface-primary : transparent !important ;
299
294
300
295
.bg-gradient-to-b {
301
296
background : transparent !important ;
302
297
}
303
298
304
299
/* Elements present when Maps are in maps view */
305
- & > .bg-token-main-surface-primary {
300
+ & > .bg-token-main-surface-primary {
306
301
--main-surface-primary : var (--c-bg-msg-gpt ) !important ;
307
302
border-radius : var (--br-btn-big ) !important ;
308
303
@@ -346,25 +341,25 @@ main [role='presentation'] {
346
341
}
347
342
348
343
/* Location counter bubble markers in the maps - when not selected */
349
- svg > [fill = " white" ] {
344
+ svg > [fill = " white" ] {
350
345
fill : var (--c-surface-2 ) !important ;
351
346
}
352
347
353
348
/* Kao neki svg border od neaktivnih location bubble markers */
354
- svg > [fill = " black" ] {
349
+ svg > [fill = " black" ] {
355
350
fill : hsla (var (--accent-hsl ) / .2 ) !important ;
356
351
}
357
352
358
353
/* Location counter bubble markers in the maps - when selected/active */
359
- svg > [fill = " #282828" ] {
354
+ svg > [fill = " #282828" ] {
360
355
fill : var (--c-accent ) !important ;
361
356
}
362
357
}
363
358
}
364
359
365
360
/* Circle location order bubbles in review cards za Maps i List views */
366
361
& ,
367
- & ~ div :has (a [href *= " google.com/maps" ]) {
362
+ & ~ div :has (a [href *= " google.com/maps" ]) {
368
363
.bg-black {
369
364
background-color : var (--c-accent ) !important ;
370
365
color : var (--c-on-accent ) !important ;
@@ -379,7 +374,7 @@ main [role='presentation'] {
379
374
380
375
/* Elements present when Maps are in List view or for mobile screens: wrappper of review cards.
381
376
- a[href*="google.com/maps"] - Ovo je link of "Directions"*/
382
- & > div .mt-4.gap-1 :has (> button .rounded-xl > div .text-left a [href *= " google.com/maps" ]) {
377
+ & > div .mt-4.gap-1 :has (> button .rounded-xl > div .text-left a [href *= " google.com/maps" ]) {
383
378
gap : 1rem !important ;
384
379
}
385
380
@@ -463,7 +458,7 @@ main [role='presentation'] {
463
458
464
459
/* Links listed from sources listed when using "/Search" */
465
460
a [class *= " group/nav-list" ] {
466
- & > .absolute.bottom-0.left-0.top-0.bg-black\/ 10 {
461
+ & > .absolute.bottom-0.left-0.top-0.bg-black\/ 10 {
467
462
background-color : hsla (var (--accent-hsl ) / 0.2 ) !important ;
468
463
border-radius : var (--br );
469
464
}
@@ -478,18 +473,18 @@ main [role='presentation'] {
478
473
}
479
474
}
480
475
481
- /* GPT avatar in its chat bubbles: with img is the GPTs Store item avatar (.gizmo-shadow-stroke), and with svg is gpt logo (.gizmo-bot-avatar ) */
482
- @include container (' sm' ) {
483
- .flex-shrink-0.flex.flex-col.items-end :has (.gizmo-bot-avatar , .gizmo-shadow-stroke ) {
484
- display : none !important ;
485
- }
486
- }
476
+ // / * GPT avatar in its chat bubbles: with img is the GPTs Store item avatar (.gizmo-shadow-stroke), and with svg is gpt logo (.gizmo-bot-avatar ) */
477
+ // @include container('sm') {
478
+ // .flex-shrink-0.flex.flex-col.items-end:has(.gizmo-bot-avatar, .gizmo-shadow-stroke) {
479
+ // display: none !important;
480
+ // }
481
+ // }
487
482
488
- @include dev (' sm' ) {
489
- .flex-shrink-0.flex.flex-col.items-end :has (.gizmo-bot-avatar , .gizmo-shadow-stroke ) {
490
- display : none !important ;
491
- }
492
- }
483
+ // @include dev('sm') {
484
+ // .flex-shrink-0.flex.flex-col.items-end:has(.gizmo-bot-avatar, .gizmo-shadow-stroke) {
485
+ // display: none !important;
486
+ // }
487
+ // }
493
488
494
489
& :has (.snap-mandatory.snap-x.overflow-x-auto ) {
495
490
@@ -631,10 +626,10 @@ html[data-gptheme='oled'] main [data-testid^='conversation-turn-']:has([data-mes
631
626
632
627
633
628
/* ChatGPT's answer notification on the top right, next to the GPThemes floating button */
634
- body > .fixed.top-8.right-4 {
635
- .rounded-full :has (> svg [role = ' img' ]) {
636
- --main-surface-primary : var (--c-accent ) !important ;
637
- --text-primary : var (--c-on-accent ) !important ;
638
- border-color : var (--c-accent ) !important ;
639
- }
640
- }
629
+ // body> .fixed.top-8.right-4 {
630
+ // .rounded-full:has(>svg[role='img']) {
631
+ // --main-surface-primary: var(--c-accent) !important;
632
+ // --text-primary: var(--c-on-accent) !important;
633
+ // border-color: var(--c-accent) !important;
634
+ // }
635
+ // }
0 commit comments