Skip to content
This repository has been archived by the owner on Jul 1, 2024. It is now read-only.

fix(LAND-528-4): removed typesense.yaml, fixed search styles in dark … #183

Merged
merged 3 commits into from
Dec 4, 2023
Merged

fix(LAND-528-4): removed typesense.yaml, fixed search styles in dark … #183

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e6e086f
fix(LAND-528-4): removed typesense.yaml, fixed search styles in dark …
Alexey-Mancurov Dec 1, 2023
3b087a9
fix(LAND-528-4): fixed styles of search in accordiance with figma blog
Alexey-Mancurov Dec 1, 2023
4289e7a
fix(LAND-528-4): fixed colors bg and borders
Alexey-Mancurov Dec 4, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 0 additions & 80 deletions .github/workflows/typesense.yaml
View file
Open in desktop

This file was deleted.

138 changes: 117 additions & 21 deletions src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,12 @@
--1inch-bg-card: #FFFFFF;
--1inch-bg-header: #06070A;
--1inch-bg-toggle: #202835;
--1inch-bg-search-hover: #465c7c;
--1inch-bg-search-input: #444950;
--1inch-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
--1inch-shadow-2: none;
--1inch-text-2-hover: #FBFBFB;
--1inch-item-border: #232E3D;
}

:root[data-theme='light'] {
Expand All @@ -46,9 +49,12 @@
--1inch-bg-6: #ECF0F9;
--1inch-bg-header: #FFFFFF;
--1inch-bg-toggle: #ECF0F9;
--1inch-bg-search-hover: #6C86AD;
--1inch-bg-search-input: rgba(0, 0, 0, .1);
--1inch-shadow-1: 0 0 4px rgba(71, 73, 79, 0.05), 0 1px 2px rgba(71, 73, 79, 0.05);
--1inch-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
--1inch-text-2-hover: #222222;
--1inch-item-border: #E3E7EE;
}

/*--Article color--*/
Expand Down Expand Up @@ -91,7 +97,8 @@
}

/* Switch images to match the theme color */
[data-theme-mode='dark'], [data-theme-mode='light'] {
[data-theme-mode='dark'],
[data-theme-mode='light'] {
display: none;
}

Expand All @@ -102,9 +109,14 @@ html[data-theme='dark'] [data-theme-mode='dark'] {
html[data-theme='light'] [data-theme-mode='light'] {
display: block;
}

/* */

p, a, h1, h2, h3 {
p,
a,
h1,
h2,
h3 {
margin: 0;
text-decoration: none;
}
Expand Down Expand Up @@ -205,7 +217,7 @@ html {

.menu__list-item--collapsed .menu__link::after,
.menu__link--sublist.menu__link::after,
.menu__link--sublist ~ .menu__list .menu__link::after {
.menu__link--sublist~.menu__list .menu__link::after {
content: "";
}

Expand All @@ -232,7 +244,7 @@ html {
background: var(--1inch-bg-4);
}

.dropdown > .navbar__link:after {
.dropdown>.navbar__link:after {
content: url("../../static/img/icons/chevron-dark.svg");
border: none;
transform: none;
Expand All @@ -241,7 +253,7 @@ html {
top: 3px;
}

html[data-theme='dark'] .dropdown > .navbar__link:after {
html[data-theme='dark'] .dropdown>.navbar__link:after {
content: url("../../static/img/icons/chevron-light.svg");
opacity: 0.6;
}
Expand All @@ -265,7 +277,7 @@ html[data-theme='dark'] .dropdown > .navbar__link:after {
display: block;
}

/* header END */
/* header END */

.fileDownload_src-components-file-download-FileDownload-module {
border-color: var(--1inch-border) !important;
Expand All @@ -285,21 +297,58 @@ html[data-theme='dark'] .dropdown > .navbar__link:after {
color: var(--1inch-title) !important;
}

.swagger-ui .info h1, .swagger-ui .info h2, .swagger-ui .info h3, .swagger-ui .info h4, .swagger-ui .info h5 {
.swagger-ui .info h1,
.swagger-ui .info h2,
.swagger-ui .info h3,
.swagger-ui .info h4,
.swagger-ui .info h5 {
color: var(--1inch-title) !important;
}

.swagger-ui .border-box, .swagger-ui a, .swagger-ui article, .swagger-ui body, .swagger-ui code, .swagger-ui dd,
.swagger-ui div, .swagger-ui dl, .swagger-ui dt, .swagger-ui fieldset, .swagger-ui footer, .swagger-ui form,
.swagger-ui h1, .swagger-ui h2, .swagger-ui h3, .swagger-ui h4, .swagger-ui h5, .swagger-ui h6, .swagger-ui header,
.swagger-ui html, .swagger-ui input[type=email], .swagger-ui input[type=number], .swagger-ui input[type=password],
.swagger-ui input[type=tel], .swagger-ui input[type=text], .swagger-ui input[type=url], .swagger-ui legend,
.swagger-ui li, .swagger-ui main, .swagger-ui ol, .swagger-ui p, .swagger-ui pre, .swagger-ui section, .swagger-ui table,
.swagger-ui td, .swagger-ui textarea, .swagger-ui th, .swagger-ui tr, .swagger-ui ul {
.swagger-ui .border-box,
.swagger-ui a,
.swagger-ui article,
.swagger-ui body,
.swagger-ui code,
.swagger-ui dd,
.swagger-ui div,
.swagger-ui dl,
.swagger-ui dt,
.swagger-ui fieldset,
.swagger-ui footer,
.swagger-ui form,
.swagger-ui h1,
.swagger-ui h2,
.swagger-ui h3,
.swagger-ui h4,
.swagger-ui h5,
.swagger-ui h6,
.swagger-ui header,
.swagger-ui html,
.swagger-ui input[type=email],
.swagger-ui input[type=number],
.swagger-ui input[type=password],
.swagger-ui input[type=tel],
.swagger-ui input[type=text],
.swagger-ui input[type=url],
.swagger-ui legend,
.swagger-ui li,
.swagger-ui main,
.swagger-ui ol,
.swagger-ui p,
.swagger-ui pre,
.swagger-ui section,
.swagger-ui table,
.swagger-ui td,
.swagger-ui textarea,
.swagger-ui th,
.swagger-ui tr,
.swagger-ui ul {
color: var(--1inch-title) !important;
}

.arrow, button {
.arrow,
button {
fill: var(--1inch-bg-3);
}

Expand All @@ -311,7 +360,8 @@ html[data-theme='dark'] .dropdown > .navbar__link:after {
color: var(--1inch-title) !important;
}

.model-box-control, .model-box {
.model-box-control,
.model-box {
color: var(--1inch-title) !important;
}

Expand Down Expand Up @@ -372,7 +422,9 @@ html[data-theme='dark'] .swagger-ui .model-toggle:after {
padding-right: 0 !important;
}

.swagger-ui input[disabled], .swagger-ui select[disabled], .swagger-ui textarea[disabled],
.swagger-ui input[disabled],
.swagger-ui select[disabled],
.swagger-ui textarea[disabled],
.swagger-ui .parameters-col_description input[type=text] {
background: var(--1inch-bg-4) !important;
border-color: var(--1inch-border) !important;
Expand All @@ -397,13 +449,56 @@ html[data-theme='dark'] .swagger-ui .model-toggle:after {
color: var(--1inch-common-title) !important;
border: none;
}

/* swagger END */

/* Changed search styles */
.searchResultsSection_nuUe {
[class*="searchResultsSection_"] {
max-height: 100% !important;
}

.container [class*="searchQueryInput_"] {
background: var(--1inch-bg-search-input);
border: 1px solid transparent;
margin-top: 32px;
}

.container [class*="searchQueryInput_"]:focus-visible {
outline: none;
box-shadow: 0 1px 0 0 var(--1inch-common-button) inset, 0 -1px 0 0 var(--1inch-common-button) inset, 1px 0 0 0 var(--1inch-common-button) inset, -1px 0 0 0 var(--1inch-common-button) inset !important;
}

.container [class*="searchResultItem_"] {
border-color: var(--1inch-item-border);
}

[class*="searchBox_"] [class*="searchModal_"] {
background: rgba(0, 0, 0, 0.50);
}

[class*="searchModal_"] [class*="searchModalContainer_"] {
box-shadow: none;
border: 1px solid transparent;
}

[class*="searchModal_"] [class*="searchInputContainer_"] {
box-shadow: none;
background: var(--1inch-bg-search-input);
}

[class*="searchModal_"] [class*="searchResultsSectionHeader_"] {
color: var(--1inch-text)
}

[class*="searchModal_"] [class*="searchResult_"] {
background: var(--1inch-bg-toggle);
margin-bottom: 8px;
}

[class*="searchModal_"] [class*="searchResult_"][class*="cursor_"] {
background: var(--1inch-bg-search-hover) !important;
}

/* Adaptive START */
@media (max-width: 1440px) {
.navbar__link {
Expand Down Expand Up @@ -474,9 +569,9 @@ html[data-theme='dark'] .swagger-ui .model-toggle:after {
font-size: 18px;
}

.navbar__item {
display: none;
}
.navbar__item {
display: none;
}

.navbar__toggle {
display: block !important;
Expand All @@ -503,4 +598,5 @@ html[data-theme='dark'] .swagger-ui .model-toggle:after {
width: 100%
}
}

/* Adaptive END */
Loading