<commit_before>// C# used to replace this with the desired background color,
// but the switch to a separate less/css file defeated that mechanism.

@import (less) "../../node_modules/toastr/toastr.less";
@import "../../bloomUI.less";

@highlightColor: @bloom-yellow;
@gridWidth: 80px;
@gridHeight: 105px; // BL-336 small increase

body {
    background-color: @bloom-panelBackground;
}

/* this is handy for debugging page numbering in the thumbnail list
.bloom-page::after {
    content: attr(data-page-number);
    position: absolute;
    bottom: 7px;
    left: 10px;
    color: red;
    overflow: visible;
    font-size: 100pt;
}
*/

#panelFlexContainer {
    display: flex;
    flex-direction: column;
    height: 100%; // and not bigger!
}

// Do NOT try applying these properties to the #pageGrid itself.
// Dragging goes haywire when that div itself is scrolled.
// See BL-5618.
#pageGridWrapper {
    flex: 1 1 auto;
    overflow-y: auto; // so it will scroll, if it needs to, instead of growing
    cursor: default;
    .pageContainer {
        // BL-7074 Keep SL books from eating up memory by not displaying videos in page thumb images.
        .bloom-videoContainer {
            background: center no-repeat
                url("../../templates/template books/Sign Language/video-placeholder.svg");
            video {
                display: none;
            }
        }
        .bloom-widgetContainer {
            background: center no-repeat
                url("../../images/widget-placeholder.svg");
            // we want this pretty conspicuous, it may be taking the place of a bright game.
            // So make it as big as will fit. Visually, this is a bit bigger than we make
            // the missing-widget icon on the main page, but note that this remains even
            // once a widget is selected.
            background-size: contain;
            // Trying to display the widget itself in a page thumbnail seems likely to cause
            // memory problems at the least; so if there's an actual iframe, typically holding
            // a widget, we just hide it.
            iframe {
                display: none;
            }
        }
    }
}

.pageContainer {
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    height: 65px;
    width: 47px; /* default = A5Portrait */
    * {
        cursor: pointer !important;
    }
    &.A5Landscape {
        height: 51px;
        width: 69px;
        .bloom-page {
            transform: scale(0.08);
        }
    }
    &.A4Landscape {
        height: 54px;
        width: 74px;
        .bloom-page {
            transform: scale(0.061);
        }
    }
    &.A4Portrait {
        height: 62px;
        width: 46px;
        .bloom-page {
            transform: scale(0.05);
        }
    }
    &.A3Portrait {
        height: 62px;
        width: 46px;
        .bloom-page {
            transform: scale(0.035);
        }
    }
    &.A3Landscape {
        height: 57px;
        width: 79px;
        .bloom-page {
            transform: scale(0.042);
        }
    }
    &.B5Portrait {
        height: 63px;
        width: 46px;
        .bloom-page {
            transform: scale(0.06);
        }
    }
    &.LetterLandscape {
        height: 47px;
        width: 61px;
        .bloom-page {
            transform: scale(0.058);
        }
    }
    &.LetterPortrait {
        height: 61px;
        width: 47px;
        .bloom-page {
            transform: scale(0.058);
        }
    }
    &.HalfLetterPortrait {
        height: 61px;
        width: 47px;
        .bloom-page {
            transform: scale(0.075);
        }
    }
    &.HalfLetterLandscape {
        height: 47px;
        width: 61px;
        .bloom-page {
            transform: scale(0.052);
        }
    }
    &.QuarterLetterLandscape {
        height: 47px;
        width: 61px;
        .bloom-page {
            transform: scale(0.115);
        }
    }
    &.QuarterLetterPortrait {
        height: 61px;
        width: 47px;
        .bloom-page {
            transform: scale(0.115);
        }
    }
    &.Device16x9Portrait {
        height: 67px;
        width: 40px;
        .bloom-page {
            transform: scale(0.092);
        }
    }<commit_msg>Fix thumbnail scale for HalfLetterLandscape (BL-9962)<commit_after>// C# used to replace this with the desired background color,
// but the switch to a separate less/css file defeated that mechanism.

@import (less) "../../node_modules/toastr/toastr.less";
@import "../../bloomUI.less";

@highlightColor: @bloom-yellow;
@gridWidth: 80px;
@gridHeight: 105px; // BL-336 small increase

body {
    background-color: @bloom-panelBackground;
}

/* this is handy for debugging page numbering in the thumbnail list
.bloom-page::after {
    content: attr(data-page-number);
    position: absolute;
    bottom: 7px;
    left: 10px;
    color: red;
    overflow: visible;
    font-size: 100pt;
}
*/

#panelFlexContainer {
    display: flex;
    flex-direction: column;
    height: 100%; // and not bigger!
}

// Do NOT try applying these properties to the #pageGrid itself.
// Dragging goes haywire when that div itself is scrolled.
// See BL-5618.
#pageGridWrapper {
    flex: 1 1 auto;
    overflow-y: auto; // so it will scroll, if it needs to, instead of growing
    cursor: default;
    .pageContainer {
        // BL-7074 Keep SL books from eating up memory by not displaying videos in page thumb images.
        .bloom-videoContainer {
            background: center no-repeat
                url("../../templates/template books/Sign Language/video-placeholder.svg");
            video {
                display: none;
            }
        }
        .bloom-widgetContainer {
            background: center no-repeat
                url("../../images/widget-placeholder.svg");
            // we want this pretty conspicuous, it may be taking the place of a bright game.
            // So make it as big as will fit. Visually, this is a bit bigger than we make
            // the missing-widget icon on the main page, but note that this remains even
            // once a widget is selected.
            background-size: contain;
            // Trying to display the widget itself in a page thumbnail seems likely to cause
            // memory problems at the least; so if there's an actual iframe, typically holding
            // a widget, we just hide it.
            iframe {
                display: none;
            }
        }
    }
}

.pageContainer {
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    height: 65px;
    width: 47px; /* default = A5Portrait */
    * {
        cursor: pointer !important;
    }
    &.A5Landscape {
        height: 51px;
        width: 69px;
        .bloom-page {
            transform: scale(0.08);
        }
    }
    &.A4Landscape {
        height: 54px;
        width: 74px;
        .bloom-page {
            transform: scale(0.061);
        }
    }
    &.A4Portrait {
        height: 62px;
        width: 46px;
        .bloom-page {
            transform: scale(0.05);
        }
    }
    &.A3Portrait {
        height: 62px;
        width: 46px;
        .bloom-page {
            transform: scale(0.035);
        }
    }
    &.A3Landscape {
        height: 57px;
        width: 79px;
        .bloom-page {
            transform: scale(0.042);
        }
    }
    &.B5Portrait {
        height: 63px;
        width: 46px;
        .bloom-page {
            transform: scale(0.06);
        }
    }
    &.LetterLandscape {
        height: 47px;
        width: 61px;
        .bloom-page {
            transform: scale(0.058);
        }
    }
    &.LetterPortrait {
        height: 61px;
        width: 47px;
        .bloom-page {
            transform: scale(0.058);
        }
    }
    &.HalfLetterPortrait {
        height: 61px;
        width: 47px;
        .bloom-page {
            transform: scale(0.075);
        }
    }
    &.HalfLetterLandscape {
        height: 47px;
        width: 61px;
        .bloom-page {
            transform: scale(0.075);
        }
    }
    &.QuarterLetterLandscape {
        height: 47px;
        width: 61px;
        .bloom-page {
            transform: scale(0.115);
        }
    }
    &.QuarterLetterPortrait {
        height: 61px;
        width: 47px;
        .bloom-page {
            transform: scale(0.115);
        }
    }
    &.Device16x9Portrait {
        height: 67px;
        width: 40px;
        .bloom-page {
            transform: scale(0.092);
        }
    }
{'fraction_non_alphanumeric': 0.10801027557216254, 'fraction_numerical': 0.0338626809901915, 'mean_word_length': 1.559008066925605, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7392475', 'n_tokens_mistral': 2804, 'n_tokens_neox': 2550, 'n_words': 721}