Skip to content

Commit 41116f2

Browse files
itsmartashubitsmartashub
authored
Merge pull request #27 from itsmartashub/fix/minor-ui-issues
Fix many minor UI issues
2 parents 43f3362 + df531d6 commit 41116f2

10 files changed

Lines changed: 74 additions & 44 deletions

File tree

‎components/CustomizationSettings.vue‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,10 @@ const activeTab = ref('colors')
109109
color: var(--c-accent);
110110
border-radius: inherit;
111111
cursor: pointer;
112-
transition: background-color 0.15s ease-out, color 0.15s ease-out, transform 0.1s ease-out;
112+
transition:
113+
background-color 0.15s ease-out,
114+
color 0.15s ease-out,
115+
transform 0.1s ease-out;
113116
user-select: none;
114117
115118
&:hover:not(.active) {

‎styles/abstract/_ds.scss‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,16 +110,22 @@ body {
110110
--dsw-alias-label-primary-inverted: var(--c-on-accent) !important;
111111
--dsw-alias-label-primary: var(--c-txt) !important; // markdown <p> txt too
112112
--dsw-alias-label-secondary: var(--c-subtext-2) !important;
113-
--dsw-alias-label-tertiary: var(--c-subtext-1) !important;
113+
--dsw-alias-label-tertiary: var(--c-accent) !important; // chats footer icons
114114
--dsw-alias-markdown-citation: var(--c-accent-hover) !important;
115115
--dsw-alias-markdown-code-block-banner: var(--c-bg-pre) !important;
116116
--dsw-alias-markdown-code-block: var(--c-bg-pre) !important;
117117
// --dsw-alias-markdown-code-segment-selected: var(--dsw-static-neutral-bluish-00);
118118
// --dsw-alias-markdown-code-segment-unselected: var(--dsw-static-neutral-bluish-75);
119119
// --dsw-alias-markdown-inline-code: var(--dsw-static-neutral-bluish-100);
120120
--dsw-alias-markdown-tag: hsla(var(--accent-hsl) / 0.1) !important;
121+
121122
--dsw-alias-scrollbar-bg: hsla(var(--accent-hsl) / 0.15) !important;
123+
--dsw-alias-scrollbar-bg-l1: hsla(var(--accent-hsl) / 0.15) !important;
124+
--dsw-alias-scrollbar-bg-l2: hsla(var(--accent-hsl) / 0.15) !important;
125+
--dsw-alias-scrollbar-hover-l1: hsla(var(--accent-hsl) / 0.2) !important;
126+
--dsw-alias-scrollbar-hover-l2: hsla(var(--accent-hsl) / 0.2) !important;
122127
--dsw-alias-scrollbar-hover: hsla(var(--accent-hsl) / 0.2) !important;
128+
123129
--dsw-alias-state-error-primary: var(--c-danger) !important;
124130
--dsw-alias-state-error-secondary: var(--c-danger) !important;
125131
--dsw-alias-state-success-primary: var(--c-accent) !important;

‎styles/abstract/_root.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,15 +30,15 @@
3030
--w-scrollbar: 0.365rem;
3131

3232
/* ? --- DSX floating roller btn --- */
33-
--roller-top: calc(var(--h-header) + 0.125rem);
33+
--roller-top: calc(var(--h-header) + 0.4rem);
3434
// --roller-top: calc(var(--h-header) / 4);
3535
// --roller-right: var(--roller-top);
36-
--roller-right: 0.2rem;
36+
--roller-right: 1rem;
3737
--roller-size: 2.2rem;
3838

3939
/* ? --- Border-radius --- */
4040
--br: 1rem;
41-
--br-chat-bubble: calc(var(--br) * 2.4);
41+
--br-chat-bubble: calc(var(--br) * 2);
4242
// --br-prompt-textarea: calc(var(--br) * 0.2);
4343
--br-btn: calc(var(--br) * 0.9);
4444
--br-dialog: calc(var(--br) * 2.5);

‎styles/components/_btn.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ button {
2121
}
2222
}
2323

24+
/* This should be replaced with ds-basic-button, removed css vars with fixed style fior all states and bg/color */
2425
.ds-button {
2526
--button-ring-color: var(--c-accent-hover) !important;
2627
--c-button-hover-text-color: inherit;

‎styles/components/_icons.scss‎

Lines changed: 0 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,3 @@
1-
/* svg wrapper icons like in sidebar etc. */
2-
.ds-icon-button {
3-
// --ds-icon-button-text-color: var(--c-subtext-1) !important;
4-
--ds-icon-button-text-color: var(--c-accent) !important;
5-
--ds-icon-button-hover-color: var(--c-accent-hover) !important;
6-
--ds-icon-button-outline-color: var(--c-accent-hover) !important;
7-
// --ds-icon-button-size: 28px;
8-
// --ds-icon-button-background-inset: -4px;
9-
color: var(--ds-icon-button-text-color) !important;
10-
11-
// &:hover {
12-
13-
// &::before {
14-
// --dsr-side-icon-hover: var(--c-accent-hover) !important;
15-
// // background-color: var(--c-accent-hover) !important;
16-
// }
17-
// }
18-
19-
&:hover {
20-
&::before {
21-
background-color: var(--ds-icon-button-hover-color) !important;
22-
}
23-
}
24-
}
25-
26-
// .ds-button > .ds-button__icon {
27-
// color: currentColor !important;
28-
// }
29-
301
.ds-button__icon {
312
color: currentColor !important;
323

‎styles/elements/_right--main.scss‎

Lines changed: 34 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777
}
7878

7979
/* Thinking very top parent */
80-
._7d763a7 {
80+
._74c0879 {
8181

8282
/* "Read X web pages" */
8383
.ffdab56b.ddbfd84f {
@@ -89,7 +89,6 @@
8989

9090
&:before {
9191
opacity: 1 !important;
92-
9392
}
9493

9594
}
@@ -115,10 +114,6 @@
115114
background: none !important;
116115
}
117116
}
118-
}
119-
120-
/* Thinking text parent (with "Thought for X seconds" note) */
121-
._48edb25 {
122117

123118
/* Thinking process texts */
124119
.ds-think-content {
@@ -138,7 +133,7 @@
138133
/* Thinking border on the left */
139134
._9ecc93a {
140135
border-color: currentColor !important;
141-
opacity: 0.6;
136+
opacity: 0.4;
142137
}
143138

144139
.ds-markdown {
@@ -148,6 +143,38 @@
148143
}
149144
}
150145

146+
/* Thinking text parent (with "Thought for X seconds" note) */
147+
// // ._48edb25,
148+
// ._74c0879 {
149+
150+
// /* Thinking process texts */
151+
// .ds-think-content {
152+
// --thinking-p-left: 13px; // this is from ds deafult
153+
// color: var(--c-subtext-2) !important;
154+
// transition: font-size 0.15s ease-in-out,
155+
// line-height 0.15s ease-in-out;
156+
157+
// // @include toggleStyles('thinking-process', ()) {
158+
// // display: none !important;
159+
// // }
160+
161+
// &:not(:empty) {
162+
// @extend .fadeIn;
163+
// }
164+
165+
// /* Thinking border on the left */
166+
// ._9ecc93a {
167+
// border-color: currentColor !important;
168+
// opacity: 0.6;
169+
// }
170+
171+
// .ds-markdown {
172+
// font-size: calc(calc((var(--fontSize) / 16) * 1rem) * 0.85) !important;
173+
// line-height: calc((var(--lineHeight) / 16) * 0.85) !important;
174+
// }
175+
// }
176+
// }
177+
151178
/* Shirmer animation on "Thought" txt while thinking */
152179
.e4b3a110 .cac31b5e {
153180
background: linear-gradient(90deg, hsla(var(--accent-hsl)/ 0) 0%, hsla(var(--accent-hsl)/ .7) 54.51%, hsla(var(--accent-hsl)/ 0) 109.02%);

‎styles/elements/_right--markdown.scss‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -157,4 +157,21 @@ blockquote {
157157
@include bg-accent-inverse;
158158
border-left: 3px solid var(--c-accent) !important;
159159
border-radius: .5rem !important;
160+
}
161+
162+
/* Markdown table overlapping the chat bubble, make it scrollable instead */
163+
._1210dd7:has(th:nth-child(4), td:nth-child(4)):not(blockquote ._1210dd7).c03cafe9 {
164+
/* Original style
165+
166+
--padding-left: calc((var(--message-area-width) - (var(--message-list-max-width) - 2 * var(--message-list-padding-horizontal))) / 2 + (var(--message-list-max-width) - 2 * var(--message-list-padding-horizontal) - 100%));
167+
--padding-right: 54px;
168+
width: calc(var(--message-area-width) - var(--padding-left) - var(--padding-right));
169+
padding-left: var(--padding-left);
170+
padding-right: var(--padding-right);
171+
margin-left: calc(-1 * var(--padding-left));
172+
*/
173+
174+
margin: 0 auto !important;
175+
width: 100% !important;
176+
padding: 0 !important;
160177
}

‎styles/elements/_right--textarea.scss‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,12 @@
3131
box-shadow: none !important;
3232
}
3333

34+
/* Chatbox footer */
35+
// .ec4f5d61 {}
36+
37+
3438
/* "DeepThink R1" and "Search" btn */
35-
._70150b8 {
39+
.ds-toggle-button {
3640
color: var(--c-accent) !important;
3741

3842
.ds-icon {
@@ -47,6 +51,7 @@
4751
}
4852
}
4953

54+
5055
/* attach btn next to send button (input="file") */
5156
.f02f0e25 {
5257
&:hover {

‎styles/elements/_sidebar.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
}
4848

4949
/* Sidebar date pill: "yesterday, today, 7 days" etc */
50-
._48cdfc1 {
50+
.f3d18f6a {
5151
@extend %date-pill;
5252
}
5353
}

‎styles/global/_scrollbars.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ $scrollbar-sizes: (
5353
$width: map.get($scrollbar-sizes, $size);
5454

5555
scrollbar-width: if($size ==thin, thin, auto);
56-
scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track);
56+
scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track) !important;
5757

5858
&::-webkit-scrollbar {
5959
width: $width;

0 commit comments

Comments
 (0)