mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-06-13 11:31:22 +00:00
Format css files
This commit is contained in:
Nicola Benaglia
parent
56b793cd1e
commit
80791358c5
@ -1,19 +1,27 @@
|
|||||||
/* HTML: <div class="loader"></div> */
|
/* HTML: <div class="loader"></div> */
|
||||||
.loader-bar {
|
.loader-bar {
|
||||||
width: 45px;
|
width: 45px;
|
||||||
aspect-ratio: .75;
|
aspect-ratio: 0.75;
|
||||||
--c:no-repeat linear-gradient(currentColor 0 0);
|
--c: no-repeat linear-gradient(currentColor 0 0);
|
||||||
background:
|
background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
|
||||||
var(--c) 0% 100%,
|
background-size: 20% 65%;
|
||||||
var(--c) 50% 100%,
|
animation: l8 1s infinite linear;
|
||||||
var(--c) 100% 100%;
|
}
|
||||||
background-size: 20% 65%;
|
|
||||||
animation: l8 1s infinite linear;
|
@keyframes l8 {
|
||||||
|
16.67% {
|
||||||
|
background-position: 0% 0%, 50% 100%, 100% 100%;
|
||||||
}
|
}
|
||||||
@keyframes l8 {
|
33.33% {
|
||||||
16.67% {background-position: 0% 0% ,50% 100%,100% 100%}
|
background-position: 0% 0%, 50% 0%, 100% 100%;
|
||||||
33.33% {background-position: 0% 0% ,50% 0% ,100% 100%}
|
}
|
||||||
50% {background-position: 0% 0% ,50% 0% ,100% 0% }
|
50% {
|
||||||
66.67% {background-position: 0% 100%,50% 0% ,100% 0% }
|
background-position: 0% 0%, 50% 0%, 100% 0%;
|
||||||
83.33% {background-position: 0% 100%,50% 100%,100% 0% }
|
}
|
||||||
}
|
66.67% {
|
||||||
|
background-position: 0% 100%, 50% 0%, 100% 0%;
|
||||||
|
}
|
||||||
|
83.33% {
|
||||||
|
background-position: 0% 100%, 50% 100%, 100% 0%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
|
|
||||||
.lds-ellipsis {
|
.lds-ellipsis {
|
||||||
color: white
|
color: white;
|
||||||
}
|
}
|
||||||
.lds-ellipsis,
|
.lds-ellipsis,
|
||||||
.lds-ellipsis div {
|
.lds-ellipsis div {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -61,4 +60,3 @@
|
|||||||
transform: translate(24px, 0);
|
transform: translate(24px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,59 +1,59 @@
|
|||||||
.lineHeight {
|
.lineHeight {
|
||||||
line-height: 33%;
|
line-height: 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip .bottom {
|
.tooltip .bottom {
|
||||||
min-width: 225px;
|
min-width: 225px;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
top: 35px;
|
top: 35px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
/* transform: translate(-50%, 0); */
|
/* transform: translate(-50%, 0); */
|
||||||
padding: 10px 10px;
|
padding: 10px 10px;
|
||||||
color: var(--black);
|
color: var(--black);
|
||||||
background-color: var(--bg-2);
|
background-color: var(--bg-2);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 99999999;
|
z-index: 99999999;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
|
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
|
||||||
border: 1px solid var(--black);
|
border: 1px solid var(--black);
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.2s;
|
transition: opacity 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip:hover .bottom {
|
.tooltip:hover .bottom {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip .bottom i {
|
.tooltip .bottom i {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -12px;
|
margin-left: -12px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip .bottom i::after {
|
.tooltip .bottom i::after {
|
||||||
content: '';
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, 50%) rotate(45deg);
|
transform: translate(-50%, 50%) rotate(45deg);
|
||||||
background-color: var(--white);
|
background-color: var(--white);
|
||||||
border: 1px solid var(--black);
|
border: 1px solid var(--black);
|
||||||
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
|
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,71 +1,70 @@
|
|||||||
.ql-editor {
|
.ql-editor {
|
||||||
min-height: 200px;
|
min-height: 200px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: black;
|
color: black;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Roboto;
|
font-family: Roboto;
|
||||||
max-height: 225px;
|
max-height: 225px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
padding: 0px !important;
|
padding: 0px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ql-editor::-webkit-scrollbar-track {
|
.ql-editor::-webkit-scrollbar-track {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
.ql-editor::-webkit-scrollbar-track:hover {
|
.ql-editor::-webkit-scrollbar-track:hover {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ql-editor::-webkit-scrollbar {
|
|
||||||
width: 16px;
|
|
||||||
height: 10px;
|
|
||||||
background-color: rgba(229, 229, 229, 0.70);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ql-editor::-webkit-scrollbar-thumb {
|
|
||||||
background-color: #B0B0B0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background-clip: content-box;
|
|
||||||
border: 4px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.ql-editor img {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ql-editor-display {
|
|
||||||
min-height: 20px;
|
|
||||||
width: 100%;
|
|
||||||
color: black;
|
|
||||||
font-size: 16px;
|
|
||||||
font-family: Roboto;
|
|
||||||
padding: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ql-editor-display img {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ql-container {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.ql-toolbar .ql-stroke {
|
.ql-editor::-webkit-scrollbar {
|
||||||
fill: none !important;
|
width: 16px;
|
||||||
stroke: black !important;
|
height: 10px;
|
||||||
|
background-color: rgba(229, 229, 229, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-editor::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #b0b0b0;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-clip: content-box;
|
||||||
|
border: 4px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-editor img {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-editor-display {
|
||||||
|
min-height: 20px;
|
||||||
|
width: 100%;
|
||||||
|
color: black;
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Roboto;
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-editor-display img {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-container {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-toolbar .ql-stroke {
|
||||||
|
fill: none !important;
|
||||||
|
stroke: black !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ql-toolbar .ql-fill {
|
.ql-toolbar .ql-fill {
|
||||||
fill: black !important;
|
fill: black !important;
|
||||||
stroke: none !important;
|
stroke: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ql-toolbar .ql-picker {
|
.ql-toolbar .ql-picker {
|
||||||
color: black !important;
|
color: black !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ql-toolbar .ql-picker-options {
|
.ql-toolbar .ql-picker-options {
|
||||||
background-color: white !important;
|
background-color: white !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,27 +1,26 @@
|
|||||||
.reaction-container {
|
.reaction-container {
|
||||||
position: relative; /* Parent must be positioned relatively */
|
position: relative; /* Parent must be positioned relatively */
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji-picker {
|
|
||||||
position: absolute; /* Picker positioned absolutely relative to the parent */
|
|
||||||
right: 0;
|
|
||||||
z-index: 9000000000; /* Ensure picker appears above other content */
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-container {
|
|
||||||
overflow: visible; /* Ensure the message container doesn't cut off the picker */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.reaction-container {
|
.emoji-picker {
|
||||||
position: relative;
|
position: absolute; /* Picker positioned absolutely relative to the parent */
|
||||||
}
|
right: 0;
|
||||||
|
z-index: 9000000000; /* Ensure picker appears above other content */
|
||||||
.emoji-picker {
|
}
|
||||||
overflow: hidden;
|
|
||||||
width: auto
|
|
||||||
}
|
|
||||||
|
|
||||||
.EmojiPickerReact.epr-dark-theme {
|
.message-container {
|
||||||
--epr-emoji-size: 18px; /* Adjust emoji size for dark mode */
|
overflow: visible; /* Ensure the message container doesn't cut off the picker */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.reaction-container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoji-picker {
|
||||||
|
overflow: hidden;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.EmojiPickerReact.epr-dark-theme {
|
||||||
|
--epr-emoji-size: 18px; /* Adjust emoji size for dark mode */
|
||||||
|
}
|
||||||
|
|||||||
@ -1,43 +1,40 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: "Inter";
|
||||||
src: url('./styles/fonts/Inter-SemiBold.ttf') format('truetype');
|
src: url("./styles/fonts/Inter-SemiBold.ttf") format("truetype");
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: "Inter";
|
||||||
src: url('./styles/fonts/Inter-ExtraBold.ttf') format('truetype');
|
src: url("./styles/fonts/Inter-ExtraBold.ttf") format("truetype");
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: "Inter";
|
||||||
src: url('./styles/fonts/Inter-Bold.ttf') format('truetype');
|
src: url("./styles/fonts/Inter-Bold.ttf") format("truetype");
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: "Inter";
|
||||||
src: url('./styles/fonts/Inter-Regular.ttf') format('truetype');
|
src: url("./styles/fonts/Inter-Regular.ttf") format("truetype");
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
--color-instance : #1E1E20;
|
--color-instance: #1e1e20;
|
||||||
--color-instance-popover-bg: #222222;
|
--color-instance-popover-bg: #222222;
|
||||||
--Mail-Background: rgba(49, 51, 56, 1);
|
--Mail-Background: rgba(49, 51, 56, 1);
|
||||||
--new-message-text: black;
|
--new-message-text: black;
|
||||||
|
--bg-primary: rgba(31, 32, 35, 1);
|
||||||
--bg-primary : rgba(31, 32, 35, 1);
|
|
||||||
--bg-2: #27282c;
|
--bg-2: #27282c;
|
||||||
--bg-3: rgba(0, 0, 0, 0.1);
|
--bg-3: rgba(0, 0, 0, 0.1);
|
||||||
--unread: #4297e2;
|
--unread: #4297e2;
|
||||||
--danger: #B14646;
|
--danger: #b14646;
|
||||||
--apps-circle: #1F2023;
|
--apps-circle: #1f2023;
|
||||||
--green: #5EB049;
|
--green: #5eb049;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@ -97,10 +94,8 @@ body {
|
|||||||
initial-value: transparent;
|
initial-value: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.scrollable-container {
|
.scrollable-container {
|
||||||
transition: --var1 0.4s;
|
transition: --var1 0.4s;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollable-container:hover {
|
.scrollable-container:hover {
|
||||||
@ -115,11 +110,6 @@ body {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile-specific scrollbar styles */
|
/* Mobile-specific scrollbar styles */
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
@ -137,11 +127,11 @@ body {
|
|||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
overscroll-behavior:none !important;
|
body {
|
||||||
|
overscroll-behavior: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.swiper {
|
.swiper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user