scope dialog CSS

This commit is contained in:
zadam 2022-06-16 20:20:56 +02:00
parent 1d037d3f0f
commit 049261a8ee
3 changed files with 12 additions and 12 deletions

View File

@ -12,21 +12,21 @@ const TPL = `
margin-top: 20px; margin-top: 20px;
} }
.bulk-available-action-list button { .bulk-assign-attributes-dialog .bulk-available-action-list button {
padding: 2px 7px; padding: 2px 7px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.bulk-existing-action-list { .bulk-assign-attributes-dialog .bulk-existing-action-list {
width: 100%; width: 100%;
} }
.bulk-existing-action-list td { .bulk-assign-attributes-dialog .bulk-existing-action-list td {
padding: 7px; padding: 7px;
} }
.bulk-existing-action-list .button-column { .bulk-assign-attributes-dialog .bulk-existing-action-list .button-column {
/* minimal width so that table remains static sized and most space remains for middle column with settings */ /* minimal width so that table remains static sized and most space remains for middle column with settings */
width: 50px; width: 50px;
white-space: nowrap; white-space: nowrap;

View File

@ -9,22 +9,22 @@ import BasicWidget from "../basic_widget.js";
const TPL = ` const TPL = `
<div class="export-dialog modal fade mx-auto" tabindex="-1" role="dialog"> <div class="export-dialog modal fade mx-auto" tabindex="-1" role="dialog">
<style> <style>
.export-form .form-check { .export-dialog .export-form .form-check {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
} }
.export-form .format-choice { .export-dialog .export-form .format-choice {
padding-left: 40px; padding-left: 40px;
display: none; display: none;
} }
.export-form .opml-versions { .export-dialog .export-form .opml-versions {
padding-left: 60px; padding-left: 60px;
display: none; display: none;
} }
.export-form .form-check-label { .export-dialog .export-form .form-check-label {
padding: 2px; padding: 2px;
} }
</style> </style>

View File

@ -11,7 +11,7 @@ import dialogService from "../dialog.js";
const TPL = ` const TPL = `
<div class="note-revisions-dialog modal fade mx-auto" tabindex="-1" role="dialog"> <div class="note-revisions-dialog modal fade mx-auto" tabindex="-1" role="dialog">
<style> <style>
.note-revision-content-wrapper { .note-revisions-dialog .note-revision-content-wrapper {
flex-grow: 1; flex-grow: 1;
margin-left: 20px; margin-left: 20px;
display: flex; display: flex;
@ -19,17 +19,17 @@ const TPL = `
min-width: 0; min-width: 0;
} }
.note-revision-content { .note-revisions-dialog .note-revision-content {
overflow: auto; overflow: auto;
word-break: break-word; word-break: break-word;
} }
.note-revision-content img { .note-revisions-dialog .note-revision-content img {
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
} }
.note-revision-content pre { .note-revisions-dialog .note-revision-content pre {
max-width: 100%; max-width: 100%;
word-break: break-all; word-break: break-all;
white-space: pre-wrap; white-space: pre-wrap;