-
-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Request variables blockquotes #4977
Comments
Hi @juanico10, We already support four different types of callout blocks as can be seen here: These are accessed via the formats dropdown menu in the WYSIWYG editor, or via the |
@ssddanbrown |
Sorry, I'm not fully sure what you need. Otherwise, you may find some additional tips/features in my power user videos: |
Hi @ssddanbrown, I can't make you a pull request, I'm not a programmer. |
Could you not simply use a code block for this? |
Hello, thanks for answering. |
@juanico10 I wouldn't look to add new block types just to suit stylistic preferences. |
Hi @ssddanbrown |
@ssddanbrown helped me with something similar quite some time ago. I have this style in the 'Custom HTML Head Content' in Settings - it may be useful for you: <style>
.callout.info {
background-color: #226dac;
border-color: #226dac;
font-style: italic;
}
.callout.success {
background-color: #17a24c;
border-color: #17a24c;
}
.callout.success, .callout.info {
color: #FFF;
font-weight: bold;
padding-left: 12px;
}
.callout.success:before,
.callout.info:before {
content: none;
}
.callout.caution {
background-color: #ffff0d;
border-color: #ffff0d;
color: #000;
font-weight: bold;
}
.callout.warning {
background-color: #f7aa28;
border-color: #f7aa28;
color: #000;
font-weight: bold;
}
.callout.danger {
background-color: #dd292f;
border-color: #dd292f;
color: #FFF;
font-weight: bold;
}
.callout.caution:before,
.callout.warning:before,
.callout.danger:before {
background-size: contain;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABuCAMAAADbNSdmAAAAk1BMVEUAAAD/1CoAAAB7ZhTzyyj4zinpwibkviXuxifSriKReBdpVxE1LAgRDgP60CkfGQUYFATFpCB0YBO/nx+ihxqAaxUJBwHfuSTbtiTYsyPJpyGagBk+NArNqiG2lx6ylB2ukRxvXBKrjhynixuGbxZcTA5VRg5PQg1FOQssJAclHwYNCwKLdBdKPQy6mx5kUxBhURBbbDe7AAAAAXRSTlMAQObYZgAABARJREFUaN682NlS6kAURmF/zITBJAxiQARRcEI95/2fzqIoWbWNeGEP65Yqvmqqeyf02d/r7TuLGGxMGjeujBtZxo0vA9frQUQYd5spfYsnA/clFS+xZNxz7buLDl/m2pe8x5FZ8I0ODaPAuINCh6oyhgy81Ff9CDDuY6pjV+Fl4FtRfhkD5ijRTeglc5SuDVwEn5wcJdsqKIz7UsiWPoWUgVei8FME9ylVpzKcDDxXt1kwGHckok0gGXjXiihvwsAs+EI/N2HJQdzXTBR+igDf6VRL4ADueyIKP0WAhzrdHNi7u9ZvrZE9w9OZfms2BQ54lPLVaDEoJ62I13u/bp0JdrPrHRpB500Y+B53XPeONcsgUwT3OcGd9oi9roQp4hEey34/LRL/UwS3rMyrtOn6OEUekX3Bs87Tl3LvUwR3I8q/wxmfjfzJnaOkYmfdJuGzliniZcEPEqW1hV8VYIqwb0Xfd7VEWe0THsv038KlJHpgyc7uv0qmc9DuX6lkgex+z2K7sPCbTB/AHo8SvyZNZEq3yE5wk4u466F72W6dYRZkG1p4KTJTxOdRYkk0FzFFnOEPdWot3BeZ3efkblN1yizciswU8XmUGNaUiRynCO6V1K0yw3oK7GWKcGXZbXHi4URjYPd7FipPPJyoYoo4XFkSt3n0/Fms2e0kDARh1IG2IqUF4aImhGBrwq8JvP/TGRPCwazOdDvJeq4Nn9Wdb+sZBYKR8ypLraxbgfAm8Y8SUNacv5DmTLBDWQZKDab6j8WjLPWy/pDfKU4EO5Ql8GZtWIKOR/aNEjTEUuYB2YFk1yhBoVxOYYu4lSVMKuVygvpKcoz9VziNoBHrLLiVJRyCy8nbIihLlZbc80T+pqkig8+NgF7W81wUWFh4lCWsCT6KAmvPCPuv0RG8EwXWni5lCSvljoCItSf2X6dY3INX/b5Hr7LELN245qJTX0gerCyhnt4X9jCsRVCWb9KHzfg4v24zAWP23KMEtdiw9oyz/36YelNZ+rFbxLb/fmgRxyhB/jotd+P3535fTIvoytJmc/uoap2LCWvPgfYftojjMhMF+58nEDg92JBLWQ9sEZSlTb5XVYS69rSVpbVigtbRIth/k1CwVRMB61pRlKXNMhDlJqw9FWVpUo40+2L8pWd5Fvu6gbgjaStLfWULe4GoFkFZgv3iA53E/YosZWmf0KhZYH2jKEuLfEnunJaNahGUZQzZ5/15ybVh7YlnqSWOl/H3h+y6TCCmRRilaLLnppA4aBGUZRJYe6IsU8DakzfaNHCz3R64kGTks4fgUhKyJBjvkILLQ/Asl2QU1UPwaJpJIopy9ONYn5bjJLQL5vhfoDLT8pQ6mNy00eSmjib2CwSCTC9nllI4AAAAAElFTkSuQmCC');
}
</style> The png image used (in my use case an ISO warning/exclamation symbol is the base64 entry at the end of the style. <p class="callout info">An info message</p>
<p class="callout success">A Safety Information message</p>
<p class="callout caution">A Caution message</p>
<p class="callout warning">A Warning message</p>
<p class="callout danger">A DANGER message</p> These broadly replicate what is currently available via the |
Describe the feature you'd like
Hello,
Is it possible to request the variables (info, warning, success... etc) in the blockquote?
EXAMPLE:
Best regards.
Describe the benefits this would bring to existing BookStack users
Richer and more visual notes when reporting.
Can the goal of this request already be achieved via other means?
No
Have you searched for an existing open/closed issue?
How long have you been using BookStack?
1 to 5 years
Additional context
No response
The text was updated successfully, but these errors were encountered: