LukeParke/developer.sailpoint.com
1
0
Fork 0
mirror of https://github.com/LukeHagar/developer.sailpoint.com.git synced 2025-12-10 12:27:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

update card border for dark mode and change transform icon

Browse Source
This commit is contained in:
darrell-thobe-sp
2024-04-03 11:11:37 -04:00
parent f999619e52
commit c40a1e79dc
12 changed files with 39 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ambassador/AmbassadorCard/styles.module.css
View File

@@ -25,7 +25,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.card:hover { .card:hover {

4
src/components/blog/BlogCard/styles.module.css
View File

@@ -17,7 +17,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.featuredCard { .featuredCard {
@@ -38,7 +38,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.featuredCardImage { .featuredCardImage {

2
src/components/homepage/DiscussCard/styles.module.css
View File

@@ -16,7 +16,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.card:hover { .card:hover {

2
src/components/homepage/HomepageCard/styles.module.css
View File

@@ -16,7 +16,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.card:hover { .card:hover {

2
src/components/homepage/HomepageTrainingGuides/index.js
View File

@@ -16,7 +16,7 @@ export default function HomepageTrainingGuides() {
product={'isc'} product={'isc'}
link={'/docs/extensibility/transforms/guides/your-first-transform'} link={'/docs/extensibility/transforms/guides/your-first-transform'}
title={'Build a Transform'} title={'Build a Transform'}
image={'/homepage/flow-chart.svg'}></HomepageCard> image={'/homepage/process.svg'}></HomepageCard>
<HomepageCard <HomepageCard
product={'isc'} product={'isc'}
link={'/docs/connectivity/saas-connectivity'} link={'/docs/connectivity/saas-connectivity'}

2
src/components/homepage/TeamCard/styles.module.css
View File

@@ -17,7 +17,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.card:hover { .card:hover {

2
src/components/marketplace/MarketplaceCard/styles.module.css
View File

@@ -17,7 +17,7 @@
0 1px 2px -1px rgba(0, 0, 0, 0.1); 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
} }
.card:hover { .card:hover {

2
src/components/video-library/VideoCard/styles.module.css
View File

@@ -22,7 +22,7 @@
} }
.thumbContainer { .thumbContainer {
border: 1px solid #dadce0; border: 1px solid var(--dev-card-border);
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
0 1px 2px -1px var(--tw-shadow-color); 0 1px 2px -1px var(--tw-shadow-color);

2
src/css/custom.css
View File

@@ -256,6 +256,7 @@
--dropdown-background: #ffffff; --dropdown-background: #ffffff;
/*card css*/ /*card css*/
--dev-card-border: #dadce0;
--dev-card-background: #e9e9e963; --dev-card-background: #e9e9e963;
--dev-tag-selected-text: #ffffffef; --dev-tag-selected-text: #ffffffef;
--dev-popup-background: #fdfdfd; --dev-popup-background: #fdfdfd;
@@ -303,6 +304,7 @@
--dropdown-background: #2a2b2d; --dropdown-background: #2a2b2d;
/*card css*/ /*card css*/
--dev-card-border: rgba(218,220,224,0.3);
--dev-new-car-background: #2a2b2d; --dev-new-car-background: #2a2b2d;
--dev-card-background: #2a2b2d; --dev-card-background: #2a2b2d;
--dev-popup-background: #2a2b2d; --dev-popup-background: #2a2b2d;

8
src/services/DiscourseService.js
View File

@@ -57,9 +57,9 @@ export async function checkImage(url) {
export async function getBlogPosts(tags) { export async function getBlogPosts(tags) {
let url = ''; let url = '';
if (tags) { if (tags) {
url = discourseBaseURL() + 'c/blog/l/latest.json?tags=' + tags; url = discourseBaseURL() + 'c/blog/community-blog/l/latest.json?tags=' + tags;
} else { } else {
url = discourseBaseURL() + 'c/blog/l/latest.json'; url = discourseBaseURL() + 'c/blog/community-blog/l/latest.json';
} }
try { try {
const response = await fetch(url); const response = await fetch(url);
@@ -84,9 +84,9 @@ export async function getUserTitle(primary_group_name) {
export async function getVideoPosts(tags) { export async function getVideoPosts(tags) {
let url = ''; let url = '';
if (tags) { if (tags) {
url = discourseBaseURL() + 'c/community/videos/l/latest.json?tags=' + tags; url = discourseBaseURL() + 'c/blog/video-library/l/latest.json?tags=' + tags;
} else { } else {
url = discourseBaseURL() + 'c/community/videos/l/latest.json'; url = discourseBaseURL() + 'c/blog/video-library/l/latest.json';
} }
try { try {
const response = await fetch(url); const response = await fetch(url);

12
static/homepage/process-dark.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 106L38 106L38 97.6L38 86.4L38 78L10 78L10 106Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
<path d="M78 106L106 106L106 97.6L106 86.4L106 78L78 78L78 106Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
<path d="M10 38L38 38L38 29.6L38 18.4L38 10L10 10L10 38Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
<path d="M78 38L106 38L106 29.6L106 18.4L106 10L78 10L78 38Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
<path d="M62 32L68.7836 25.2558L69.9933 24.007C69.997 24.0031 69.997 23.9969 69.9933 23.993L68.7836 22.7442L62 16" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
<path d="M68 24L46 24" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
<path d="M84 62L90.7442 68.7836L91.993 69.9933C91.9969 69.997 92.0031 69.997 92.007 69.9933L93.2558 68.7836L100 62" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
<path d="M92 68L92 46" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
<path d="M54 84L47.2164 90.7442L46.0067 91.993C46.003 91.9969 46.003 92.0031 46.0067 92.007L47.2164 93.2558L54 100" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
<path d="M48 92L70 92" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

12
static/homepage/process.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 106L38 106L38 97.6L38 86.4L38 78L10 78L10 106Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
<path d="M78 106L106 106L106 97.6L106 86.4L106 78L78 78L78 106Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
<path d="M10 38L38 38L38 29.6L38 18.4L38 10L10 10L10 38Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
<path d="M78 38L106 38L106 29.6L106 18.4L106 10L78 10L78 38Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
<path d="M62 32L68.7836 25.2558L69.9933 24.007C69.997 24.0031 69.997 23.9969 69.9933 23.993L68.7836 22.7442L62 16" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
<path d="M68 24L46 24" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
<path d="M84 62L90.7442 68.7836L91.993 69.9933C91.9969 69.997 92.0031 69.997 92.007 69.9933L93.2558 68.7836L100 62" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
<path d="M92 68L92 46" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
<path d="M54 84L47.2164 90.7442L46.0067 91.993C46.003 91.9969 46.003 92.0031 46.0067 92.007L47.2164 93.2558L54 100" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
<path d="M48 92L70 92" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB