mirror of
https://github.com/NohamR/Code-to-PDF.git
synced 2026-05-24 19:58:50 +00:00
Fix issues with border radius
This commit is contained in:
31
styles.css
31
styles.css
@@ -3,6 +3,10 @@ body {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
:root {
|
||||
--border-thickness: 1px;
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 6px;
|
||||
border-radius: 5px;
|
||||
@@ -58,7 +62,6 @@ button:active {
|
||||
background-color: #0077b6;
|
||||
}
|
||||
|
||||
|
||||
textarea {
|
||||
padding: 10px;
|
||||
margin-top: 20px;
|
||||
@@ -85,31 +88,32 @@ pre {
|
||||
|
||||
#code-container {
|
||||
margin: 0;
|
||||
border-radius: 5px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#code-container .code-line:first-of-type .line-number {
|
||||
padding-top: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
padding-top: 11px;
|
||||
}
|
||||
|
||||
#code-container .code-line:last-of-type .line-number {
|
||||
padding-bottom: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
padding-bottom: 11px;
|
||||
}
|
||||
|
||||
#code-container .code-line:first-of-type #code {
|
||||
padding-top: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-top: var(--border-thickness) solid #c9d1d9;
|
||||
}
|
||||
|
||||
#code-container .code-line:last-of-type #code {
|
||||
padding-bottom: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom: var(--border-thickness) solid #c9d1d9;
|
||||
}
|
||||
|
||||
#code {
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
border-right: var(--border-thickness) solid #c9d1d9;
|
||||
font-family: 'Fira Code', monospace;
|
||||
white-space: pre-wrap;
|
||||
padding: 0px 11px;
|
||||
@@ -155,7 +159,7 @@ a {
|
||||
|
||||
@media print {
|
||||
body {
|
||||
color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
@@ -195,6 +199,7 @@ p {
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
@@ -204,3 +209,13 @@ p {
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
textarea::-webkit-scrollbar-thumb {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user