kyy/swagger-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): eliminate copy button icon misaligned in Firefox (#7542)

Browse Source 
Closes #7481
This commit is contained in:
GhBogdan97
2021-10-19 20:54:43 +03:00
committed by GitHub
parent f1ad60dc92
commit f5b0446992
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/style/_buttons.scss
View File

@@ -171,6 +171,9 @@ button
.copy-to-clipboard .copy-to-clipboard
{ {
position: absolute; position: absolute;
display: flex;
justify-content: center;
align-items: center;
bottom: 10px; bottom: 10px;
right: 100px; right: 100px;
width: 30px; width: 30px;
@@ -181,10 +184,11 @@ button
button button
{ {
padding-left: 25px; flex-grow: 1;
flex-shrink: 1;
border: none; border: none;
height: 25px; height: 25px;
background: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' aria-hidden='true'><path fill='#ffffff' fill-rule='evenodd' d='M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z'></path></svg>") center center no-repeat; background: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' aria-hidden='true'><g transform='translate(2, -1)'><path fill='#ffffff' fill-rule='evenodd' d='M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z'></path></g></svg>") center center no-repeat;
} }
} }
@@ -195,9 +199,9 @@ button
right: 10px; right: 10px;
width: 20px; width: 20px;
height: 20px; height: 20px;
button button
{ {
padding-left: 18px; height: 18px;
height: 18px
} }
} }

3
src/style/_layout.scss
View File

@@ -717,6 +717,9 @@
color: white; color: white;
font-size: 14px; font-size: 14px;
height: 30px; height: 30px;
justify-content: center;
align-items: center;
display: flex;
} }
.scheme-container .scheme-container