Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2025-03-11 06:04:11 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #12204 from jwangyangls/fix-harbor-icon-safari-break

Browse Source 
[fix][ui] about dialog Icon cutoff in safari
This commit is contained in:
jwangyangls 2020-06-11 10:15:09 +08:00 committed by GitHub
commit 4b496438b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/portal/src/app/shared/about-dialog/about-dialog.component.scss
View File

@ -12,10 +12,15 @@
.content {
margin:0 10px 10px 10px;
outline: none;
width: 470px;
}
.harbor-icon {
transform: translateX(-100%);
width: 56px;
filter: drop-shadow(rgb(0, 0, 0) 58px 2px);
}
.harbor-logo-black {
width: 60px;
overflow: hidden;
}

3
src/portal/src/css/common.scss
View File

@ -17,7 +17,8 @@
}
.harbor-icon {
filter: drop-shadow($fill-color1 58px 2px) !important;
transform: translateX($harbor-icon-translate-x) !important;
filter: drop-shadow($fill-color1 $harbor-icon-drop-shadow-x 2px) !important;
}
.color-white-dark {

3
src/portal/src/css/dark-theme.scss
View File

@ -26,4 +26,7 @@ $color-657b83: none;
$color-fdf6e3: none;
$header-color: hsl(198, 100%, 15%)!important;
$harbor-icon-translate-x: 0;
$harbor-icon-drop-shadow-x: 58px;
@import "./common.scss";

3
src/portal/src/css/light-theme.scss
View File

@ -28,4 +28,7 @@ $color-657b83: #657b83;
$color-fdf6e3: #fdf6e3;
$header-color: rgb(0, 74, 112);
$harbor-icon-translate-x: 100%;
$harbor-icon-drop-shadow-x: -56px;
@import "./common.scss";