<commit_before>// page-chooser.less - rules for the Bloom Page Chooser dialog
// try not to overwrite the bloomDialog.less rules
@import "../bloomUI.less";
//@import "../templates/common-mixins.less";

@PreviewPaneLeftPadding: 15px;
@WindowsDialogBackgroundColor: #f0f0f0;
@WindowsButton-BackgroundColor: #e1e1e1;
@WindowsButton-BackgroundColor-Hover: @bloom-lightblue;
@WindowsButton-Border: #adadad;
@HighlightColor: @bloom-lightblue;
// partly transparent to go on TOP of the page image but still let it show through.
// Intended to be similar to HighlightColor when over the default dialog background, but I haven't
// tried to figure out exactly what would achieve that.
@TransparentHiglightColor: hsla(186.9, 49.1%, 65%, 0.45);
@CheckboxPadding: 20px; // used to get hanging indent to work on convert whole book checkbox

body {
    margin: 4px;
}
#mainContainer {
    border: none;
    margin: 0;
    height: 490px;
    width: 790px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding-top: 10px;
}
.gridItemDisplay {
    overflow-y: auto;
    height: auto;
    flex: 2;
    display: flex;
    flex-direction: column;
}
#singlePagePreview {
    flex: 2;
    order: 2;
    height: auto;
    min-width: 320px;
    max-width: 370px; // in the standard dialog width, allows the other pane to be wide enough for 3 columns with scroll bar
    padding-left: @PreviewPaneLeftPadding;

    img {
        border: 1px solid @HighlightColor;
        //center it
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
#preview {
    max-height: 232px;
}

.landscape {
    #preview {
        width: unset;
        height: 200px;
    }
}
#previewCaption {
    font-weight: bold;
    text-align: center;
}
// A div with this id is inserted with a message when the main template file is missing.
#missingMsg {
    padding-left: @PreviewPaneLeftPadding * 2;
}
//#previewDescription {
//	height: 90px;
//	border: none;
//	.DescriptionHeader {
//		font-weight: bold;
//	}
//
//}

.DescriptionText {
    white-space: normal;
    max-height: 119px;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-y: auto;
    margin-right: @PreviewPaneLeftPadding;
    margin-left: @PreviewPaneLeftPadding;
}

// Currently unused
//.templatesCaption {
//	overflow: hidden;
//	background: #E0E0E0;
//	padding-top: 4px;
//	padding-bottom: 4px;
//	padding-left: 20px;
//	margin-top: 5px;
//	margin-left: 5px;
//    flex: 1 1 100%;
//    flex-wrap: nowrap;
//}
.outerGroupContainer {
    flex-direction: column;
}
.group {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.groupCaption {
    font-weight: bold;
    padding-left: 4px;
    margin-left: 20px;
    display: block;
}
.innerGroupContainer {
    margin: 0 0 0 0;
}
.gridItem {
    margin: 0 10px 10px 11px;
    width: 104px;
    //height: 170px;
    display: inline-block;
    position: sticky; //this makes the blue overlay, which is a child, be correctly positioned even when scrolled
}

.gridItem:hover {
    .selectionOverlay {
        background: @TransparentHiglightColor;
    }
}
.gridItem.ui-selected {
    .selectionOverlay {
        background: @TransparentHiglightColor;
    }
}
.thumbnail {
    overflow: hidden;
    display: block;
    margin-top: 4px;
    background: inherit;
    border: 1px solid @bloom-buff;

    //todo: this will have to change depending on orientation
    width: 60px;
    //take the height proportionally, from the width
    margin-left: 20px; //centers the thumbnail in the enclosing grid item
}

.disabled .thumbnail {
    opacity: 0.3;
}

.landscape {
    .thumbnail {
        width: unset;
        height: 60px;
        margin-left: 6px;
    }
}
.gridItem {
    .gridItemCaption {
        display: none; // The captions aren't really helping the user, just adding complexity
        //font-weight: bold;
        text-align: center;
        height: 2em; // enough for two lines
        position: relative;
        left: 0;<commit_msg>Scale page thumbnail images for page chooser dialog (BL-7196)<commit_after>// page-chooser.less - rules for the Bloom Page Chooser dialog
// try not to overwrite the bloomDialog.less rules
@import "../bloomUI.less";
//@import "../templates/common-mixins.less";

@PreviewPaneLeftPadding: 15px;
@WindowsDialogBackgroundColor: #f0f0f0;
@WindowsButton-BackgroundColor: #e1e1e1;
@WindowsButton-BackgroundColor-Hover: @bloom-lightblue;
@WindowsButton-Border: #adadad;
@HighlightColor: @bloom-lightblue;
// partly transparent to go on TOP of the page image but still let it show through.
// Intended to be similar to HighlightColor when over the default dialog background, but I haven't
// tried to figure out exactly what would achieve that.
@TransparentHiglightColor: hsla(186.9, 49.1%, 65%, 0.45);
@CheckboxPadding: 20px; // used to get hanging indent to work on convert whole book checkbox

body {
    margin: 4px;
}
#mainContainer {
    border: none;
    margin: 0;
    height: 490px;
    width: 790px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding-top: 10px;
}
.gridItemDisplay {
    overflow-y: auto;
    height: auto;
    flex: 2;
    display: flex;
    flex-direction: column;
}
#singlePagePreview {
    flex: 2;
    order: 2;
    height: auto;
    min-width: 320px;
    max-width: 370px; // in the standard dialog width, allows the other pane to be wide enough for 3 columns with scroll bar
    padding-left: @PreviewPaneLeftPadding;

    img {
        border: 1px solid @HighlightColor;
        //center it
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
#preview {
    max-height: 232px;
}

.landscape {
    #preview {
        width: unset;
        height: 200px;
    }
}
#previewCaption {
    font-weight: bold;
    text-align: center;
}
// A div with this id is inserted with a message when the main template file is missing.
#missingMsg {
    padding-left: @PreviewPaneLeftPadding * 2;
}
//#previewDescription {
//	height: 90px;
//	border: none;
//	.DescriptionHeader {
//		font-weight: bold;
//	}
//
//}

.DescriptionText {
    white-space: normal;
    max-height: 119px;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-y: auto;
    margin-right: @PreviewPaneLeftPadding;
    margin-left: @PreviewPaneLeftPadding;
}

// Currently unused
//.templatesCaption {
//	overflow: hidden;
//	background: #E0E0E0;
//	padding-top: 4px;
//	padding-bottom: 4px;
//	padding-left: 20px;
//	margin-top: 5px;
//	margin-left: 5px;
//    flex: 1 1 100%;
//    flex-wrap: nowrap;
//}
.outerGroupContainer {
    flex-direction: column;
}
.group {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.groupCaption {
    font-weight: bold;
    padding-left: 4px;
    margin-left: 20px;
    display: block;
}
.innerGroupContainer {
    margin: 0 0 0 0;
}
.gridItem {
    margin: 0 10px 10px 11px;
    width: 104px;
    //height: 170px;
    display: inline-block;
    position: sticky; //this makes the blue overlay, which is a child, be correctly positioned even when scrolled
}

.gridItem:hover {
    .selectionOverlay {
        background: @TransparentHiglightColor;
    }
}
.gridItem.ui-selected {
    .selectionOverlay {
        background: @TransparentHiglightColor;
    }
}
.thumbnail {
    overflow: hidden;
    display: block;
    margin-top: 4px;
    background: inherit;
    border: 1px solid @bloom-buff;

    width: 60px;
    //take the height proportionally, from the width
    margin-left: 20px; //centers the thumbnail in the enclosing grid item

    height: unset;
    max-height: 85px;
    object-fit: contain;
}

.disabled .thumbnail {
    opacity: 0.3;
}

.landscape {
    .thumbnail {
        width: unset;
        height: 60px;
        margin-left: 6px;

        max-width: 85px;
        object-fit: contain;
    }
}
.gridItem {
    .gridItemCaption {
        display: none; // The captions aren't really helping the user, just adding complexity
        //font-weight: bold;
        text-align: center;
        height: 2em; // enough for two lines
        position: relative;
        left: 0;
{'fraction_non_alphanumeric': 0.11594202898550725, 'fraction_numerical': 0.026774748219110783, 'mean_word_length': 2.7301878149335774, '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': '5929217', 'n_tokens_mistral': 2848, 'n_tokens_neox': 2634, 'n_words': 794}