mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-07-10 08:13:46 +00:00
refactor: remove unused CSS rules, dead comments, and duplicate keyframes
Drop ~829 lines of dead styles across style.css (2992->2355) and mobile.css (323->131): unreferenced classes (legacy token utilities, orphaned animations, form/prose/scrollbar leftovers), commented-out blocks, and duplicate/orphaned keyframes. Library-injected (hljs, sandpack, codemirror, markdown language) and dynamically-applied (scroll-animation, icon sizes) classes were retained.
This commit is contained in:
Marco Beretta
parent
35a83fd7e7
commit
2cb01a402d
2 changed files with 0 additions and 829 deletions
|
|
@ -3,10 +3,6 @@
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
.nav-close-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.nav {
|
||||
position: fixed;
|
||||
z-index: 110;
|
||||
|
|
@ -24,94 +20,24 @@
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav-mask.active {
|
||||
opacity: 0;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.nav {
|
||||
width: calc(100% - 10px) ;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.nav-mask {
|
||||
position: fixed;
|
||||
z-index: 105;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(7, 7, 7, 0.4);
|
||||
padding-left: 420px;
|
||||
padding-top: 12px;
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nav-open-button {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.nav-mask.active {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.nav.active {
|
||||
position: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.switch-container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.switch-result {
|
||||
display: block !important;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
/* .sibling-switch {
|
||||
left: 114px;
|
||||
top: unset;
|
||||
bottom: 4px;
|
||||
visibility: visible;
|
||||
z-index: 2;
|
||||
} */
|
||||
.sibling-switch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hover-button {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.input-panel-button {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.input-panel-button svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.input-panel {
|
||||
}
|
||||
|
||||
.nav-open-button
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.hide-scrollbar {
|
||||
/* Hide scrollbar for Chrome, Safari, and Opera */
|
||||
scrollbar-width: none; /* For Firefox */
|
||||
|
|
@ -122,15 +48,6 @@
|
|||
display: none; /* For WebKit browsers */
|
||||
}
|
||||
|
||||
.gemini-gradient {
|
||||
/* Adjust the colors and positioning as necessary to match the image */
|
||||
background-image: radial-gradient(circle at center, #0000ff, #87cefa, #ffffff);
|
||||
/* More styling for demonstration purposes */
|
||||
border-radius: 50%;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@keyframes tuning {
|
||||
0% { transform: rotate(30deg); }
|
||||
25% { transform: rotate(110deg); }
|
||||
|
|
@ -143,95 +60,6 @@
|
|||
animation: tuning 2.1s 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slideUpAndFade {
|
||||
0% {
|
||||
opacity:0;
|
||||
-webkit-transform:translateY(2px);
|
||||
transform:translateY(2px)
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
-webkit-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
}
|
||||
@keyframes slideUpAndFade {
|
||||
0% {
|
||||
opacity:0;
|
||||
-webkit-transform:translateY(2px);
|
||||
transform:translateY(2px)
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
-webkit-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
}
|
||||
.radix-side-bottom\:animate-slideUpAndFade[data-side=bottom] {
|
||||
-webkit-animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1);
|
||||
animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1)
|
||||
}
|
||||
@-webkit-keyframes slideRightAndFade {
|
||||
0% {
|
||||
opacity:0;
|
||||
-webkit-transform:translateX(-2px);
|
||||
transform:translateX(-2px)
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
-webkit-transform:translateX(0);
|
||||
transform:translateX(0)
|
||||
}
|
||||
}
|
||||
@keyframes slideRightAndFade {
|
||||
0% {
|
||||
opacity:0;
|
||||
-webkit-transform:translateX(-2px);
|
||||
transform:translateX(-2px)
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
-webkit-transform:translateX(0);
|
||||
transform:translateX(0)
|
||||
}
|
||||
}
|
||||
.radix-side-left\:animate-slideRightAndFade[data-side=left] {
|
||||
-webkit-animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1);
|
||||
animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1)
|
||||
}
|
||||
@keyframes slideLeftAndFade {
|
||||
0% {
|
||||
opacity:0;
|
||||
-webkit-transform:translateX(2px);
|
||||
transform:translateX(2px)
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
-webkit-transform:translateX(0);
|
||||
transform:translateX(0)
|
||||
}
|
||||
}
|
||||
.radix-side-right\:animate-slideLeftAndFade[data-side=right] {
|
||||
-webkit-animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1);
|
||||
animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1)
|
||||
}
|
||||
@keyframes slideDownAndFade {
|
||||
0% {
|
||||
opacity:0;
|
||||
-webkit-transform:translateY(-2px);
|
||||
transform:translateY(-2px)
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
-webkit-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
}
|
||||
.radix-side-top\:animate-slideDownAndFade[data-side=top] {
|
||||
-webkit-animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1);
|
||||
animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1)
|
||||
}
|
||||
|
||||
.azure-bg-color {
|
||||
background: linear-gradient(0.375turn, #61bde2, #4389d0);
|
||||
}
|
||||
|
|
@ -253,26 +81,6 @@
|
|||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
/* Styles for Chrome scrollbar */
|
||||
.chrome-scrollbar::-webkit-scrollbar {
|
||||
width: 12px; /* Increase the width of the scrollbar */
|
||||
}
|
||||
|
||||
.chrome-scrollbar::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.2); /* Color of the scroll thumb */
|
||||
border-radius: 6px; /* Rounded corners on the scroll thumb */
|
||||
border: 2px solid transparent; /* Creates padding around scroll thumb */
|
||||
background-clip: padding-box; /* Prevents background color from leaking outside the border */
|
||||
}
|
||||
|
||||
.chrome-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background-color: rgba(0, 0, 0, 0.3); /* Darker color when hovering */
|
||||
}
|
||||
|
||||
.chrome-scrollbar::-webkit-scrollbar-track {
|
||||
background-color: transparent; /* Color of the tracking area */
|
||||
}
|
||||
|
||||
/* Base wrapper for both preview and editor */
|
||||
.sp-wrapper {
|
||||
@apply flex h-full w-full grow flex-col;
|
||||
|
|
|
|||
|
|
@ -265,11 +265,6 @@ html {
|
|||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
.icon-xs {
|
||||
stroke-width: 1.5;
|
||||
height: 0.75rem;
|
||||
width: 0.75rem;
|
||||
}
|
||||
.icon-sm {
|
||||
stroke-width: 2;
|
||||
height: 1rem;
|
||||
|
|
@ -299,17 +294,6 @@ html {
|
|||
height: 2rem;
|
||||
width: 2rem;
|
||||
}
|
||||
.icon-cover {
|
||||
stroke-width: 1.5;
|
||||
height: 234px;
|
||||
width: 234px;
|
||||
}
|
||||
|
||||
.border-token-border-heavy {
|
||||
border-color: #c5c5d2;
|
||||
border-color: var(--border-heavy);
|
||||
}
|
||||
|
||||
.border-token-border-light {
|
||||
border-color: #ececf1;
|
||||
border-color: var(--border-light);
|
||||
|
|
@ -320,30 +304,10 @@ html {
|
|||
border-color: var(--border-medium);
|
||||
}
|
||||
|
||||
.border-token-surface-primary {
|
||||
border-color: #fff;
|
||||
border-color: var(--surface-primary);
|
||||
}
|
||||
|
||||
.border-token-surface-secondary {
|
||||
border-color: var(--surface-secondary);
|
||||
}
|
||||
|
||||
.border-token-surface-tertiary {
|
||||
border-color: #ececf1;
|
||||
border-color: var(--surface-tertiary);
|
||||
}
|
||||
|
||||
.bg-token-surface-secondary {
|
||||
background-color: var(--surface-secondary);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.no-gradient-sm {
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
|
@ -428,132 +392,6 @@ html {
|
|||
src: url('$fonts/roboto-mono-latin-400-italic.woff2') format('woff2');
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
The default ChatGPT fonts, according to OpenAI's brand guidelines, are proprietary and require appropriate font license according to your use case.
|
||||
|
||||
They can be purchased here: https://klim.co.nz/buy/soehne/
|
||||
|
||||
The fonts in question are (9 total):
|
||||
|
||||
> - Söhne (Buch Kursiv, Buch, Halbfett Kursiv, Halbfett, Kraftig Kursiv, Kraftig, Mono Buch Kursiv, Mono Buch, Mono Halbfett)
|
||||
|
||||
If you have purchased a license, you can use the commented-out `@font-face` declarations below to include them in your project.
|
||||
|
||||
Step 1: Buy whatever license applies to you and allows use of `.woff2` font files (likely web font license).
|
||||
Step 2: Place them in ./client/public/fonts/ directory.
|
||||
Step 3: Replace the current `fontFamily` config in ./client/tailwind.config.cjs with the following:
|
||||
|
||||
```
|
||||
fontFamily: {
|
||||
sans: ['Söhne', 'sans-serif'],
|
||||
mono: ['Söhne Mono', 'monospace'],
|
||||
},
|
||||
```
|
||||
|
||||
Step 4: Uncomment all Söhne font-face declarations below.
|
||||
Step 5: rebuild frontend code: `npm run frontend` (or rebuild docker).
|
||||
|
||||
*/
|
||||
|
||||
/* @font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("$fonts/soehne-buch.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url("$fonts/soehne-buch-kursiv.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url("$fonts/soehne-kraftig.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne;
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url("$fonts/soehne-kraftig-kursiv.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url("$fonts/soehne-halbfett.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url("$fonts/soehne-halbfett-kursiv.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne Mono;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("$fonts/soehne-mono-buch.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne Mono;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("$fonts/soehne-mono-halbfett.woff2") format("woff2")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: Söhne Mono;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url("$fonts/soehne-mono-buch-kursiv.woff2") format("woff2")
|
||||
} */
|
||||
|
||||
/* * {
|
||||
box-sizing: border-box;
|
||||
outline: 1px solid limegreen !important;
|
||||
} */
|
||||
|
||||
/* p small {
|
||||
opacity: 0;
|
||||
animation: fadeIn 3s ease forwards;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
} */
|
||||
|
||||
/* .LazyLoad {
|
||||
opacity: 0;
|
||||
transition: all 1s ease-in-out;
|
||||
} */
|
||||
|
||||
select {
|
||||
--tw-shadow: 0 0 transparent;
|
||||
-webkit-appearance: none;
|
||||
|
|
@ -589,59 +427,10 @@ select {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
.option-buttons {
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.option-buttons.full-opacity {
|
||||
pointer-events: fill;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.option-buttons.show {
|
||||
pointer-events: fill;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.options-bar {
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.options-bar.full-opacity {
|
||||
pointer-events: fill;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.options-bar.show {
|
||||
pointer-events: fill;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.creative-tab {
|
||||
/* background: linear-gradient(90deg, #904887 10.79%, #8B257E 87.08%); */
|
||||
background: linear-gradient(90deg, #904887 10.79%, #8b257e 87.08%);
|
||||
}
|
||||
|
||||
.fast-tab {
|
||||
background: linear-gradient(90deg, #2870ea 10.79%, #1b4aef 87.08%);
|
||||
}
|
||||
|
||||
.balanced-tab {
|
||||
background: linear-gradient(90deg, #d7871a 10.79%, #9f6005 87.08%);
|
||||
}
|
||||
|
||||
.precise-tab {
|
||||
background: linear-gradient(90deg, #006880 10.79%, #005366 87.08%);
|
||||
}
|
||||
|
||||
p > small {
|
||||
opacity: 0;
|
||||
animation: fadein 3s forwards;
|
||||
|
|
@ -782,9 +571,6 @@ pre {
|
|||
}
|
||||
}
|
||||
|
||||
.cursorBlink {
|
||||
animation: blink 1s linear infinite;
|
||||
}
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
|
|
@ -803,21 +589,6 @@ pre {
|
|||
}
|
||||
}
|
||||
|
||||
.blink2 {
|
||||
animation: blink 1500ms linear infinite;
|
||||
}
|
||||
@keyframes blink2 {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.prose {
|
||||
color: var(--tw-prose-body);
|
||||
max-width: 65ch;
|
||||
|
|
@ -1161,70 +932,6 @@ pre {
|
|||
.prose-sm :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.prose-base :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0.75em;
|
||||
margin-top: 0.75em;
|
||||
}
|
||||
.prose-base :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.prose-base :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
.prose-base :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.prose-base :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.prose-lg :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0.8888889em;
|
||||
margin-top: 0.8888889em;
|
||||
}
|
||||
.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 1.3333333em;
|
||||
}
|
||||
.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.3333333em;
|
||||
}
|
||||
.prose-lg :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.prose-lg :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.prose-xl :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0.8em;
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 1.2em;
|
||||
}
|
||||
.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.2em;
|
||||
}
|
||||
.prose-xl :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.prose-xl :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.prose-2xl :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0.8333333em;
|
||||
margin-top: 0.8333333em;
|
||||
}
|
||||
.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 1.3333333em;
|
||||
}
|
||||
.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.3333333em;
|
||||
}
|
||||
.prose-2xl :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.prose-2xl :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.prose :where(ul > li):has(input[type='checkbox']):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
|
|
@ -1499,12 +1206,6 @@ button {
|
|||
padding: 0.25rem 0.5rem;
|
||||
}
|
||||
|
||||
.from-token-surface-secondary {
|
||||
--tw-gradient-from: var(--surface-secondary) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
/* Webkit scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
height: 0.1em;
|
||||
|
|
@ -1525,14 +1226,6 @@ button {
|
|||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.scrollbar-transparent::-webkit-scrollbar-thumb {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dark .scrollbar-transparent::-webkit-scrollbar-thumb {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.markdown-table-wrapper {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-x: auto;
|
||||
|
|
@ -1688,23 +1381,6 @@ html {
|
|||
text-underline-offset: 2px;
|
||||
}
|
||||
|
||||
.animate-flash {
|
||||
-webkit-animation: flash 2s steps(60, start);
|
||||
animation: flash 2s steps(60, start);
|
||||
}
|
||||
|
||||
@-webkit-keyframes flash {
|
||||
0% {
|
||||
background-color: hsla(0, 0%, 100%, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flash {
|
||||
0% {
|
||||
background-color: hsla(0, 0%, 100%, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.truncate {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
|
@ -1767,67 +1443,6 @@ html {
|
|||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.form-input,
|
||||
.form-multiselect,
|
||||
.form-select,
|
||||
.form-textarea {
|
||||
--tw-shadow: 0 0 transparent;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background-color: #fff;
|
||||
border-color: #8e8ea0;
|
||||
border-radius: 0;
|
||||
border-width: 1px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
.form-input:focus,
|
||||
.form-multiselect:focus,
|
||||
.form-select:focus,
|
||||
.form-textarea:focus {
|
||||
--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: #2563eb;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)
|
||||
var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width))
|
||||
var(--tw-ring-color);
|
||||
border-color: #2563eb;
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.form-input::-webkit-input-placeholder,
|
||||
.form-textarea::-webkit-input-placeholder {
|
||||
color: #8e8ea0;
|
||||
opacity: 1;
|
||||
}
|
||||
.form-input::placeholder,
|
||||
.form-textarea::placeholder {
|
||||
color: #8e8ea0;
|
||||
opacity: 1;
|
||||
}
|
||||
.form-input::-webkit-datetime-edit-fields-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
.form-input::-webkit-date-and-time-value {
|
||||
min-height: 1.5em;
|
||||
}
|
||||
.form-input::-webkit-datetime-edit,
|
||||
.form-input::-webkit-datetime-edit-day-field,
|
||||
.form-input::-webkit-datetime-edit-hour-field,
|
||||
.form-input::-webkit-datetime-edit-meridiem-field,
|
||||
.form-input::-webkit-datetime-edit-millisecond-field,
|
||||
.form-input::-webkit-datetime-edit-minute-field,
|
||||
.form-input::-webkit-datetime-edit-month-field,
|
||||
.form-input::-webkit-datetime-edit-second-field,
|
||||
.form-input::-webkit-datetime-edit-year-field {
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
|
@ -1943,13 +1558,6 @@ html {
|
|||
text-decoration-line: underline;
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
.conversation-item-time:before {
|
||||
content: attr(data-time);
|
||||
}
|
||||
.tooltip-label:before {
|
||||
content: attr(data-content);
|
||||
}
|
||||
|
||||
@-webkit-keyframes blink {
|
||||
to {
|
||||
visibility: hidden;
|
||||
|
|
@ -1960,20 +1568,6 @@ html {
|
|||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.animate-flash {
|
||||
-webkit-animation: flash 2s steps(60, start);
|
||||
animation: flash 2s steps(60, start);
|
||||
}
|
||||
@-webkit-keyframes flash {
|
||||
0% {
|
||||
background-color: hsla(0, 0%, 100%, 0.4);
|
||||
}
|
||||
}
|
||||
@keyframes flash {
|
||||
0% {
|
||||
background-color: hsla(0, 0%, 100%, 0.4);
|
||||
}
|
||||
}
|
||||
.hidden-visibility {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
|
@ -2287,30 +1881,6 @@ html {
|
|||
.prose-sm :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.1428571em;
|
||||
}
|
||||
.prose-base :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.prose-base :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 1.3333333em;
|
||||
}
|
||||
.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.3333333em;
|
||||
}
|
||||
.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 1.2em;
|
||||
}
|
||||
.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.2em;
|
||||
}
|
||||
.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-top: 1.3333333em;
|
||||
}
|
||||
.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~='not-prose'] *)) {
|
||||
margin-bottom: 1.3333333em;
|
||||
}
|
||||
|
||||
/* Base styles for lists */
|
||||
.prose ol,
|
||||
|
|
@ -2425,70 +1995,6 @@ html {
|
|||
|
||||
/* Keyframes */
|
||||
|
||||
@keyframes slideFromLeftToRightAndFade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(-10%);
|
||||
}
|
||||
20% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
70% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
transform: translateX(10%);
|
||||
}
|
||||
80% {
|
||||
opacity: 0;
|
||||
transform: translateX(20%);
|
||||
}
|
||||
85%,
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(30%);
|
||||
}
|
||||
}
|
||||
|
||||
.slide-from-left {
|
||||
animation: slideFromLeftToRightAndFade 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes slideDownAndFadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(-10%);
|
||||
}
|
||||
20% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
70% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
transform: translateY(10%);
|
||||
}
|
||||
80% {
|
||||
opacity: 0;
|
||||
transform: translateY(20%);
|
||||
}
|
||||
85%,
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(30%);
|
||||
}
|
||||
}
|
||||
|
||||
.slide-to-down {
|
||||
animation: slideDownAndFadeOut 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes rotateAdjustAndBack {
|
||||
0% {
|
||||
transform: rotate(-33deg) scale(1);
|
||||
|
|
@ -2532,63 +2038,6 @@ html {
|
|||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
@keyframes moonRise {
|
||||
0% {
|
||||
transform: translate(4px, 1px) rotate(-45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
10% {
|
||||
transform: translate(4px, 1px) rotate(-45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
transform: translate(0, 0px) rotate(34deg);
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
transform: translate(0, 0px) rotate(34deg);
|
||||
opacity: 1;
|
||||
}
|
||||
60%,
|
||||
100% {
|
||||
transform: translate(0, 0px) rotate(34deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.moon-rise {
|
||||
animation: moonRise 4s ease-in-out infinite;
|
||||
transform-origin: 45% 50%;
|
||||
}
|
||||
|
||||
@keyframes moveUp {
|
||||
0% {
|
||||
transform: translateY(0.5px);
|
||||
opacity: 0.8;
|
||||
}
|
||||
10% {
|
||||
transform: translateY(0.5px);
|
||||
opacity: 1;
|
||||
}
|
||||
20% {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
60%,
|
||||
100% {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.move-up {
|
||||
animation: moveUp 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.message-content {
|
||||
font-size: var(--markdown-font-size, var(--font-size-base));
|
||||
line-height: 1.4;
|
||||
|
|
@ -2784,34 +2233,6 @@ html {
|
|||
transform: scale(1) translateX(0);
|
||||
}
|
||||
|
||||
/* Right */
|
||||
.animate-popover-right {
|
||||
transform-origin: right;
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transform: scale(0.95) translateX(0.5rem);
|
||||
}
|
||||
.animate-popover-right[data-enter] {
|
||||
opacity: 1;
|
||||
transform: scale(1) translateX(0);
|
||||
}
|
||||
|
||||
/* Bottom */
|
||||
.animate-popover-bottom {
|
||||
transform-origin: bottom;
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transform: scale(0.95) translateY(0.5rem);
|
||||
}
|
||||
.animate-popover-bottom[data-enter] {
|
||||
opacity: 1;
|
||||
transform: scale(1) translateY(0);
|
||||
}
|
||||
|
||||
/* Corners */
|
||||
.animate-popover-top-left {
|
||||
transform-origin: top left;
|
||||
|
|
@ -2826,45 +2247,6 @@ html {
|
|||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
|
||||
.animate-popover-top-right {
|
||||
transform-origin: top right;
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transform: scale(0.95) translate(0.5rem, -0.5rem);
|
||||
}
|
||||
.animate-popover-top-right[data-enter] {
|
||||
opacity: 1;
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
|
||||
.animate-popover-bottom-left {
|
||||
transform-origin: bottom left;
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transform: scale(0.95) translate(-0.5rem, 0.5rem);
|
||||
}
|
||||
.animate-popover-bottom-left[data-enter] {
|
||||
opacity: 1;
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
|
||||
.animate-popover-bottom-right {
|
||||
transform-origin: bottom right;
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transform: scale(0.95) translate(0.5rem, 0.5rem);
|
||||
}
|
||||
.animate-popover-bottom-right[data-enter] {
|
||||
opacity: 1;
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
|
||||
/** Note: ensure KaTeX can spread across visible space */
|
||||
.message-content pre:has(> span.katex) {
|
||||
overflow: visible !important;
|
||||
|
|
@ -2891,10 +2273,6 @@ html {
|
|||
animation: gradient-x 15s ease infinite;
|
||||
}
|
||||
|
||||
.animate-pulse-subtle {
|
||||
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
||||
.animate-pulse-slow {
|
||||
animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
|
@ -2981,21 +2359,6 @@ html {
|
|||
animation: shimmer 4s linear infinite;
|
||||
}
|
||||
|
||||
.custom-style-2 {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
/* Hide scrollbar for Chrome, Safari and Opera */
|
||||
.no-scrollbar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide scrollbar for IE, Edge and Firefox */
|
||||
.no-scrollbar {
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
|
||||
.sharepoint-picker-bg {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue