prehistoric-systems/Gitako
1
1
Fork 0
mirror of https://github.com/EnixCoda/Gitako.git synced 2026-03-11 08:54:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge branch 'feature/optimize-for-print' into develop

Browse source
This commit is contained in:
EnixCoda 2021-09-21 21:08:20 +08:00
commit 2542ccbeb7
2 changed files with 29 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/platforms/GitHub/hooks/useGitHubCodeFold.tsx
View file

@ -11,7 +11,7 @@ const tableSelector = `.blob-wrapper table`
const selectorOfLineNumber = `.blob-num`
const selectorOfLineContent = `.blob-code`
const theCSSClassForToggleElementOnActive = 'active'
const theCSSClassForToggleElementOnActive = 'gitako-code-fold-active'
function init() {
type LineNumber = number // alias
const blocks: LineNumber[] = [] // startLine -> exclusiveEndLine

45
src/styles/index.scss
View file

@ -47,6 +47,12 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
}
}
@mixin hide-for-print {
@media print {
display: none;
}
}
:root {
--gitako-width: #{$side-bar-base-width};
}
@ -95,9 +101,16 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
padding-right: 20px;
}
// hide code fold handler if not enabled
.gitako-code-fold-handler {
display: none;
}
.gitako-code-fold-attached:not(.gitako-code-fold-attached-disabled) {
tr {
.gitako-code-fold-handler {
@include hide-for-print();
display: initial;
position: absolute;
top: 0px;
@ -131,7 +144,7 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
);
}
&.active {
&.gitako-code-fold-active {
.gitako-code-fold-handler {
&::before {
transform: rotate(-90deg);
@ -144,15 +157,13 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
);
}
}
}
// cancel code fold if not wrapped with .gitako-code-fold-mark
.gitako-code-fold-handler {
display: none;
}
.gitako-code-fold-hidden {
display: none;
// hide folded sections, except for print
&.gitako-code-fold-hidden {
@media screen {
display: none;
}
}
}
}
// code folding end
@ -209,7 +220,9 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
}
.with-gitako-spacing {
margin-left: var(--gitako-width);
@media screen {
margin-left: var(--gitako-width);
}
// gitee
&.git-project {
@ -276,6 +289,8 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
}
.#{$name}-toggle-show-button-wrapper {
@include hide-for-print();
z-index: $minimal-z-index;
position: fixed;
top: 124px; // align with GitHub's navbar items
@ -288,12 +303,6 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
left: -40px;
}
@media print {
& {
display: none;
}
}
.#{$name}-toggle-show-button {
@include icon-button(transparent, transparent, transparent);
background: transparent;
@ -363,6 +372,8 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
}
.#{$name}-side-bar {
@include hide-for-print();
@import '~@primer/css/base/index.scss';
button {
border-radius: 6px;
@ -644,7 +655,7 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
@include interactive-background(
var(--gitako-bg-primary),
var(--gitako-bg-tertiary),
var(--gitako-bg-secondary),
var(--gitako-bg-secondary)
);
&.disabled {