grim/hgkeeper-theme

Make the diff view use flexboxes to highlight entire lines again and show x overflow because it's a bit less jarring than scrolling the div
draft
2020-05-05, Gary Kramlich
5f555e4e77fe
Parents 55ba3bf41b03
Children 0629e343412a
Make the diff view use flexboxes to highlight entire lines again and show x overflow because it's a bit less jarring than scrolling the div
1 files changed, 7 insertions(+), 4 deletions(-)
  • +7 -4
    templates/static/hgk/css/hgkeeper.css
    • --- a/templates/static/hgk/css/hgkeeper.css Tue May 05 00:49:24 2020 -0500
    +++ b/templates/static/hgk/css/hgkeeper.css Tue May 05 01:34:04 2020 -0500
    @@ -20,7 +20,7 @@
    .hgk-file {
    font-family: monospace;
    - overflow-x: auto;
    + overflow-x: visible;
    overflow-y: visible;
    counter-reset: lineno
    @@ -51,7 +51,7 @@
    *****************************************************************************/
    .hgk-diff {
    font-family: monospace;
    - overflow-x: auto;
    + overflow-x: visible;
    overflow-y: visible;
    counter-reset: linea 0 lineb 0;
    @@ -70,6 +70,7 @@
    }
    .hgk-diff div.a {
    + display: flex;
    counter-increment: linea;
    }
    @@ -79,19 +80,21 @@
    display: inline-block;
    text-decoration: none;
    white-space: pre;
    + flex: 1 1 auto;
    }
    .hgk-diff div.b {
    + display: flex;
    counter-increment: lineb;
    }
    .hgk-diff div.b ins {
    color: #000000;
    - background-color: #4fc0d1;
    + background-color: #60c6d5;
    display: inline-block;
    text-decoration: none;
    white-space: pre;
    - flex: 1 1 auto; /* bootstrap flex-fill */
    + flex: 1 1 auto;
    }
    .hgk-diff div a {