upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor synced 2025-04-16 03:42:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix][ui] about dialog Icon cutoff in safari

Browse Source 
fix #12144
env 10.78.96.167
Signed-off-by: Yogi_Wang <yawang@vmware.com>
This commit is contained in:
Yogi_Wang 2020-06-10 17:28:34 +08:00
parent d5cce98d56
commit 622cb4da2b
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";