test/BootstrapBlazor3
1
0
Fork 0
mirror of https://gitee.com/LongbowEnterprise/BootstrapBlazor.git synced 2024-11-29 18:49:08 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(RTL): support RTL mode (#4597)

Browse Source 
* chore: 增加 rtl 样式库

* chore: 增加忽略文件

* doc: 代码格式化

* style: 代码块增加 ltr 样式

* style: 更新组件 margin 样式支持 rtl

* style: 网站样式支持 rtl

* refactor: 兼容 rtl 模式

* style: 表格样式兼容 rtl

* chore: 增加 rtl 样式表

* style: 更新分页组件 rtl 样式

* chore: bump version 9.0.0-rc.2.11.2.0

* style: 更新样式
This commit is contained in:
Argo Zhang 2024-11-02 10:35:06 +08:00 committed by GitHub
parent feda9f426e
commit 36feb5321f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
79 changed files with 12215 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -374,11 +374,10 @@ src/**/wwwroot/**/uploader
**/package-lock.json **/package-lock.json
# sass # sass
**/BootstrapBlazor/wwwroot/scss/theme/*.css
**/BootstrapBlazor/wwwroot/scss/theme/*.css.map
**/BootstrapBlazor/wwwroot/css/animate.min.css **/BootstrapBlazor/wwwroot/css/animate.min.css
**/BootstrapBlazor/wwwroot/css/bootstrapblazor.min.css **/BootstrapBlazor/wwwroot/css/bootstrapblazor.min.css
**/BootstrapBlazor/wwwroot/css/bootstrap.min.css **/BootstrapBlazor/wwwroot/css/bootstrap.min.css
**/BootstrapBlazor/wwwroot/css/bootstrap.rtl.min.css
**/BootstrapBlazor/wwwroot/css/sweetalert2.css **/BootstrapBlazor/wwwroot/css/sweetalert2.css
**/BootstrapBlazor/wwwroot/css/motronic.min.css **/BootstrapBlazor/wwwroot/css/motronic.min.css
**/BootstrapBlazor/wwwroot/css/nano.min.css **/BootstrapBlazor/wwwroot/css/nano.min.css

2
src/BootstrapBlazor.Server/Components/Components/BBLogo.razor.css
View File

@ -4,5 +4,5 @@
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
background-color: var(--bb-primary-color); background-color: var(--bb-primary-color);
border: solid 1px #fff; border: solid 1px #fff;
margin-right: 1rem; margin-inline-end: 1rem;
} }

4
src/BootstrapBlazor.Server/Components/Components/CalendarCrewDialogBody.razor.css
View File

@ -21,7 +21,7 @@
} }
.actions > span:not(:last-child) { .actions > span:not(:last-child) {
margin-right: .5rem; margin-inline-end: .5rem;
} }
.crew:not(:last-child) { .crew:not(:last-child) {
@ -30,6 +30,6 @@
.crew > input { .crew > input {
max-width: 2rem; max-width: 2rem;
margin-right: 1rem; margin-inline-end: 1rem;
border: none; border: none;
} }

2
src/BootstrapBlazor.Server/Components/Components/ComponentCategory.razor.css
View File

@ -9,7 +9,7 @@
.coms-cate ::deep .badge { .coms-cate ::deep .badge {
position: absolute; position: absolute;
top: 0; top: 0;
margin-left: 1rem; margin-inline-start: 1rem;
font-size: .65rem; font-size: .65rem;
} }

7
src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css
View File

@ -7,12 +7,11 @@
} }
.card:hover .card-footer-control i { .card:hover .card-footer-control i {
margin-left: -1.5rem; margin-inline-start: -72px;
margin-left: -72px;
} }
.card:hover .card-footer-control .card-text { .card:hover .card-footer-control .card-text {
margin-left: 1rem; margin-inline-start: 1rem;
} }
.card:hover .card-footer-control .card-text:before { .card:hover .card-footer-control .card-text:before {
@ -67,7 +66,7 @@
} }
.card-footer-control .card-text { .card-footer-control .card-text {
margin-left: 1.5rem; margin-inline-start: 1.5rem;
position: absolute; position: absolute;
transition: all .3s linear; transition: all .3s linear;
} }

6
src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css
View File

@ -110,7 +110,7 @@
.search-dialog-menu { .search-dialog-menu {
flex-basis: 240px; flex-basis: 240px;
margin-left: 0.5rem; margin-inline-start: 0.5rem;
padding: .5rem .25rem; padding: .5rem .25rem;
border: var(--bs-border-width) solid var(--bs-border-color); border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
@ -170,7 +170,7 @@
--bs-badge-border-radius: 50%; --bs-badge-border-radius: 50%;
position: absolute; position: absolute;
top: 4px; top: 4px;
margin-left: 4px; margin-inline-start: 4px;
} }
.search-dialog-list .search-dialog-item .search-dialog-item-sub { .search-dialog-list .search-dialog-item .search-dialog-item-sub {
@ -222,7 +222,7 @@
--bb-global-search-left: 20px; --bb-global-search-left: 20px;
--bb-global-search-right: 20px; --bb-global-search-right: 20px;
margin-bottom: 0; margin-bottom: 0;
margin-right: .5rem; margin-inline-end: .5rem;
} }
.search-dialog { .search-dialog {

2
src/BootstrapBlazor.Server/Components/Components/Header.razor.css
View File

@ -18,7 +18,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0; padding: 0;
margin-right: 0; margin-inline-end: 0;
} }
::deep .btn-fs { ::deep .btn-fs {

1
src/BootstrapBlazor.Server/Components/Components/Pre.razor.css
View File

@ -3,6 +3,7 @@
border: 1px solid var(--bs-border-color); border: 1px solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
overflow: hidden; overflow: hidden;
direction: ltr;
} }
.pre-code:not(:last-child) { .pre-code:not(:last-child) {

2
src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
View File

@ -26,7 +26,7 @@
::deep .btn-update img { ::deep .btn-update img {
width: 55%; width: 55%;
margin-left: 2px; margin-inline-start: 2px;
} }
::deep .btn-chat { ::deep .btn-chat {

2
src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css
View File

@ -7,7 +7,7 @@
} }
.bb-theme-label { .bb-theme-label {
margin-right: 1rem; margin-inline-end: 1rem;
white-space: nowrap; white-space: nowrap;
} }

2
src/BootstrapBlazor.Server/Components/Layout/HomeLayout.razor.css
View File

@ -58,7 +58,7 @@
.footer-info .footer-lang { .footer-info .footer-lang {
width: 15px; width: 15px;
margin-right: 6px; margin-inline-end: 6px;
} }
.footer-info .footer-online i { .footer-info .footer-online i {

2
src/BootstrapBlazor.Server/Components/Layout/PageLayout.razor.css
View File

@ -182,7 +182,7 @@
.layout-drawer { .layout-drawer {
padding: 13px; padding: 13px;
margin-right: -1rem; margin-inline-end: -1rem;
cursor: pointer; cursor: pointer;
} }

18
src/BootstrapBlazor.Server/Components/Pages/Chats.razor.css
View File

@ -25,7 +25,7 @@
.chat-welcome-body { .chat-welcome-body {
flex: 1; flex: 1;
margin-left: .75rem; margin-inline-start: .75rem;
} }
.chat-welcome-title { .chat-welcome-title {
@ -58,7 +58,7 @@
} }
.chat-buttons { .chat-buttons {
margin-left: .5rem; margin-inline-start: .5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -88,8 +88,8 @@
.msg-role { .msg-role {
min-width: 3rem; min-width: 3rem;
margin-left: 1rem; margin-inline-start: 1rem;
margin-right: 0; margin-inline-end: 0;
text-align: center; text-align: center;
} }
@ -120,7 +120,7 @@
border-right: none; border-right: none;
border-left: 15px solid white; border-left: 15px solid white;
border-bottom: 15px solid transparent; border-bottom: 15px solid transparent;
margin-right: 5px; margin-inline-end: 5px;
} }
.msg-time { .msg-time {
@ -134,8 +134,8 @@
} }
.msg-stack-assistant .msg-role { .msg-stack-assistant .msg-role {
margin-left: 0; margin-inline-start: 0;
margin-right: 1rem; margin-inline-end: 1rem;
} }
.msg-stack-assistant .msg-body { .msg-stack-assistant .msg-body {
@ -147,7 +147,7 @@
right: auto; right: auto;
border-right: 15px solid #e9ecef; border-right: 15px solid #e9ecef;
border-left: none; border-left: none;
margin-left: 5px; margin-inline-start: 5px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -157,6 +157,6 @@
} }
.chat-welcome-body { .chat-welcome-body {
margin-left: 2rem; margin-inline-start: 2rem;
} }
} }

2
src/BootstrapBlazor.Server/Components/Pages/Install.razor.css
View File

@ -24,7 +24,7 @@
.git .git-fork span { .git .git-fork span {
font-size: 1.8rem; font-size: 1.8rem;
color: #1c3949; color: #1c3949;
margin-left: 38px; margin-inline-start: 38px;
} }
[data-bs-theme='dark'] .git .git-fork span { [data-bs-theme='dark'] .git .git-fork span {

2
src/BootstrapBlazor.Server/Components/Samples/Calendars.razor.css
View File

@ -3,7 +3,7 @@
} }
.sum .col-12 > div { .sum .col-12 > div {
margin-right: 1rem; margin-inline-end: 1rem;
min-width: 2rem; min-width: 2rem;
} }

2
src/BootstrapBlazor.Server/Components/Samples/Carousels.razor.css
View File

@ -9,7 +9,7 @@
} }
.carousel-item-demo2 .demo-item:not(:last-child) { .carousel-item-demo2 .demo-item:not(:last-child) {
margin-right: 1rem; margin-inline-end: 1rem;
} }
.carousel-item-demo2 .demo-item img { .carousel-item-demo2 .demo-item img {

2
src/BootstrapBlazor.Server/Components/Samples/DialButtons.razor.css
View File

@ -18,5 +18,5 @@
} }
.dial-mode ::deep .form-check:not(.first-child) { .dial-mode ::deep .form-check:not(.first-child) {
margin-left: .5rem; margin-inline-start: .5rem;
} }

4
src/BootstrapBlazor.Server/Components/Samples/Icons/AntDesignIconList.razor.css
View File

@ -7,7 +7,7 @@
flex: 0 0 auto; flex: 0 0 auto;
width: 152px; width: 152px;
margin-top: .5rem; margin-top: .5rem;
margin-right: .5rem; margin-inline-end: .5rem;
padding: .75rem; padding: .75rem;
background-color: #f0f1f3; background-color: #f0f1f3;
border-radius: .5rem; border-radius: .5rem;
@ -24,7 +24,7 @@
.icon-list a span { .icon-list a span {
font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 11px; font-size: 11px;
margin-left: 10px; margin-inline-start: 10px;
line-height: 1.25rem; line-height: 1.25rem;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

4
src/BootstrapBlazor.Server/Components/Samples/Icons/ElementIconList.razor.css
View File

@ -7,7 +7,7 @@
flex: 0 0 auto; flex: 0 0 auto;
width: 152px; width: 152px;
margin-top: .5rem; margin-top: .5rem;
margin-right: .5rem; margin-inline-end: .5rem;
padding: .75rem; padding: .75rem;
background-color: #f0f1f3; background-color: #f0f1f3;
border-radius: .5rem; border-radius: .5rem;
@ -24,7 +24,7 @@
.icon-list a span { .icon-list a span {
font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 11px; font-size: 11px;
margin-left: 10px; margin-inline-start: 10px;
line-height: 1.25rem; line-height: 1.25rem;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

4
src/BootstrapBlazor.Server/Components/Samples/Icons/IconParkList.razor.css
View File

@ -7,7 +7,7 @@
flex: 0 0 auto; flex: 0 0 auto;
width: 152px; width: 152px;
margin-top: .5rem; margin-top: .5rem;
margin-right: .5rem; margin-inline-end: .5rem;
padding: .75rem; padding: .75rem;
background-color: #f0f1f3; background-color: #f0f1f3;
border-radius: .5rem; border-radius: .5rem;
@ -24,7 +24,7 @@
.icon-list a span { .icon-list a span {
font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 11px; font-size: 11px;
margin-left: 10px; margin-inline-start: 10px;
line-height: 1.25rem; line-height: 1.25rem;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/BootstrapBlazor.Server/Components/Samples/Menus.razor.css
View File

@ -29,7 +29,7 @@
.layout-menu-demo ::deep .layout-banner img { .layout-menu-demo ::deep .layout-banner img {
width: 38px; width: 38px;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
margin-right: .5rem; margin-inline-end: .5rem;
border: 1px solid #c0c4cc; border: 1px solid #c0c4cc;
background-color: #787878; background-color: #787878;
} }

2
src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.css
View File

@ -7,5 +7,5 @@
.mul-select-item span { .mul-select-item span {
flex: 1; flex: 1;
margin-left: 0.5rem; margin-inline-start: 0.5rem;
} }

2
src/BootstrapBlazor.Server/Components/Samples/SelectTables.razor.css
View File

@ -48,7 +48,7 @@
::deep .select-custom-detail { ::deep .select-custom-detail {
flex: 1; flex: 1;
margin-left: 2rem; margin-inline-start: 2rem;
} }
::deep .select-custom-detail > div { ::deep .select-custom-detail > div {

2
src/BootstrapBlazor.Server/Components/Samples/Selects.razor.css
View File

@ -54,7 +54,7 @@
.select-custom-detail { .select-custom-detail {
flex: 1; flex: 1;
margin-left: 2rem; margin-inline-start: 2rem;
} }
.select-custom-detail > div { .select-custom-detail > div {

2
src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor.css
View File

@ -29,7 +29,7 @@
} }
.sl-item span { .sl-item span {
margin-left: 2rem; margin-inline-start: 2rem;
} }
.sl-item.sortable-chosen { .sl-item.sortable-chosen {

2
src/BootstrapBlazor.Server/Components/Samples/Speeches/WebSpeeches.razor.css
View File

@ -12,5 +12,5 @@
.temp { .temp {
color: gray; color: gray;
margin-left: 1rem; margin-inline-start: 1rem;
} }

8
src/BootstrapBlazor.Server/Components/Samples/Table/TablesSearch.razor
View File

@ -60,10 +60,10 @@
<p>@((MarkupString)Localizer["AutoGenerateSearchP"].Value)</p> <p>@((MarkupString)Localizer["AutoGenerateSearchP"].Value)</p>
<Tips>@((MarkupString)Localizer["AutoGenerateSearchTips"].Value)</Tips> <Tips>@((MarkupString)Localizer["AutoGenerateSearchTips"].Value)</Tips>
<Pre>if (options.Searches.Any()) <Pre>if (options.Searches.Any())
{ {
//@Localizer["AutoGenerateSearchComment"] FilterLogic.Or //@Localizer["AutoGenerateSearchComment"] FilterLogic.Or
items = items.Where(options.Searches.GetFilterFunc&lt;Foo&gt;(FilterLogic.Or)); items = items.Where(options.Searches.GetFilterFunc&lt;Foo&gt;(FilterLogic.Or));
}</Pre> }</Pre>
<GroupBox Title="@Localizer["AutoGenerateSearchGroupBoxTitle"]" class="mb-3"> <GroupBox Title="@Localizer["AutoGenerateSearchGroupBoxTitle"]" class="mb-3">
<div class="row g-3 form-inline"> <div class="row g-3 form-inline">
<div class="col-12 col-sm-3"> <div class="col-12 col-sm-3">

2
src/BootstrapBlazor.Server/Locales/zh-CN.json
View File

@ -4122,7 +4122,7 @@
"BootstrapBlazor.Server.Components.Samples.Print": { "BootstrapBlazor.Server.Components.Samples.Print": {
"PrintsTitle": "Print 打印按钮", "PrintsTitle": "Print 打印按钮",
"PrintsSubTitle": "用于打印文档或者局部视图", "PrintsSubTitle": "用于打印文档或者局部视图",
"PrintsTips1": "设置 <code style='margin-left: 14px;'>PreviewUrl</code> 时，单开一个新网页进行打印预览，点击此页面的打印按钮进行网页打印", "PrintsTips1": "设置 <code style='margin-inline-start: 14px;'>PreviewUrl</code> 时，单开一个新网页进行打印预览，点击此页面的打印按钮进行网页打印",
"PrintsTips2": "不设置 <code>PreviewUrl</code> 时，如果是 <code>Dialog</code> 组件中的打印按钮，则打印弹窗内容", "PrintsTips2": "不设置 <code>PreviewUrl</code> 时，如果是 <code>Dialog</code> 组件中的打印按钮，则打印弹窗内容",
"PrintsButtonText": "打印", "PrintsButtonText": "打印",
"PrintButtonTitle": "普通用法", "PrintButtonTitle": "普通用法",

16
src/BootstrapBlazor.Server/wwwroot/css/ant.css
View File

@ -1276,7 +1276,7 @@
} }
.btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group, .btn-group .btn + .btn, .btn-group .btn + span, .btn-group > span + span, .btn-group span + .btn { .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group, .btn-group .btn + .btn, .btn-group .btn + span, .btn-group > span + span, .btn-group span + .btn {
margin-left: -1px margin-inline-start: -1px
} }
.btn-group .btn-primary + .btn:not(.btn-primary):not([disabled]) { .btn-group .btn-primary + .btn:not(.btn-primary):not([disabled]) {
@ -1288,7 +1288,7 @@
} }
.btn-group > .btn:first-child, .btn-group > span:first-child > .btn { .btn-group > .btn:first-child, .btn-group > span:first-child > .btn {
margin-left: 0 margin-inline-start: 0
} }
.btn-group > .btn:only-child, .btn-group > span:only-child > .btn { .btn-group > .btn:only-child, .btn-group > span:only-child > .btn {
@ -1340,8 +1340,8 @@
} }
.btn-group-rtl.btn + .btn-group, .btn-group-rtl.btn-group + .btn, .btn-group-rtl.btn-group + .btn-group, .btn-group-rtl.btn-group .btn + .btn, .btn-group-rtl.btn-group .btn + span, .btn-group-rtl.btn-group > span + span, .btn-group-rtl.btn-group span + .btn, .btn-rtl.btn + .btn-group, .btn-rtl.btn-group + .btn, .btn-rtl.btn-group + .btn-group, .btn-rtl.btn-group .btn + .btn, .btn-rtl.btn-group .btn + span, .btn-rtl.btn-group > span + span, .btn-rtl.btn-group span + .btn { .btn-group-rtl.btn + .btn-group, .btn-group-rtl.btn-group + .btn, .btn-group-rtl.btn-group + .btn-group, .btn-group-rtl.btn-group .btn + .btn, .btn-group-rtl.btn-group .btn + span, .btn-group-rtl.btn-group > span + span, .btn-group-rtl.btn-group span + .btn, .btn-rtl.btn + .btn-group, .btn-rtl.btn-group + .btn, .btn-rtl.btn-group + .btn-group, .btn-rtl.btn-group .btn + .btn, .btn-rtl.btn-group .btn + span, .btn-rtl.btn-group > span + span, .btn-rtl.btn-group span + .btn {
margin-right: -1px; margin-inline-end: -1px;
margin-left: auto margin-inline-start: auto
} }
.btn-group.btn-group-rtl { .btn-group.btn-group-rtl {
@ -1381,7 +1381,7 @@
} }
.btn > .anticon + span, .btn > span + .anticon { .btn > .anticon + span, .btn > span + .anticon {
margin-left: 8px margin-inline-start: 8px
} }
.btn-background-ghost { .btn-background-ghost {
@ -1731,7 +1731,7 @@
} }
.btn-two-chinese-chars > :not(.anticon) { .btn-two-chinese-chars > :not(.anticon) {
margin-right: -.34em; margin-inline-end: -.34em;
letter-spacing: .34em letter-spacing: .34em
} }
@ -1780,6 +1780,6 @@ a.btn-sm {
} }
.btn-rtl.btn > .anticon + span, .btn-rtl.btn > span + .anticon { .btn-rtl.btn > .anticon + span, .btn-rtl.btn > span + .anticon {
margin-right: 8px; margin-inline-end: 8px;
margin-left: 0 margin-inline-start: 0
} }

8
src/BootstrapBlazor.Server/wwwroot/css/site.css
View File

@ -152,14 +152,14 @@ h3, h4, h5 {
.connection-body-tail { .connection-body-tail {
border-right: 1px solid var(--bs-border-color); border-right: 1px solid var(--bs-border-color);
width: 1px; width: 1px;
margin-left: 1rem; margin-inline-start: 1rem;
} }
.connection-link { .connection-link {
color: #1371C3; color: #1371C3;
text-decoration: underline; text-decoration: underline;
font-weight: bolder; font-weight: bolder;
margin-left: 0.5rem; margin-inline-start: 0.5rem;
} }
.connection-box { .connection-box {
@ -178,7 +178,7 @@ h3, h4, h5 {
.connection-body img { .connection-body img {
height: 110px; height: 110px;
margin-left: 1rem; margin-inline-start: 1rem;
} }
.row-highlight { .row-highlight {
@ -296,7 +296,7 @@ code {
.layout-demo .widget { .layout-demo .widget {
--bb-widget-toggle-color: #fff; --bb-widget-toggle-color: #fff;
margin-right: 1rem; margin-inline-end: 1rem;
} }
.layout-demo .layout-avatar-right { .layout-demo .layout-avatar-right {

2
src/BootstrapBlazor/BootstrapBlazor.csproj
View File

@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor"> <Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup> <PropertyGroup>
<Version>9.0.0-rc03</Version> <Version>9.0.0-rc.2.11.2.0</Version>
</PropertyGroup> </PropertyGroup>
<ItemGroup> <ItemGroup>

2
src/BootstrapBlazor/Components/Alert/Alert.razor.scss
View File

@ -25,6 +25,6 @@
} }
.alert-icon { .alert-icon {
margin-right: var(--bb-alert-icon-margin-right); margin-inline-end: var(--bb-alert-icon-margin-right);
} }
} }

2
src/BootstrapBlazor/Components/AnchorLink/AnchorLink.razor.scss
View File

@ -15,7 +15,7 @@
.anchor-link-icon { .anchor-link-icon {
opacity: var(--bb-anchor-link-opacity); opacity: var(--bb-anchor-link-opacity);
margin-left: var(--bb-anchor-link-margin-left); margin-inline-start: var(--bb-anchor-link-margin-left);
color: var(--bs-primary); color: var(--bs-primary);
transition: var(--bb-anchor-link-opacity-transition); transition: var(--bb-anchor-link-opacity-transition);
} }

2
src/BootstrapBlazor/Components/Button/Button.razor.scss
View File

@ -38,7 +38,7 @@
.btn i + span, .btn i + span,
.badge i + span, .badge i + span,
.link-button i + span { .link-button i + span {
margin-left: var(--bb-btn-label-margin-left); margin-inline-start: var(--bb-btn-label-margin-left);
} }
.btn-circle { .btn-circle {

2
src/BootstrapBlazor/Components/Captcha/Captcha.razor.scss
View File

@ -45,7 +45,7 @@
background: var(--bb-captcha-footer-bg); background: var(--bb-captcha-footer-bg);
color: var(--bb-captcha-footer-color); color: var(--bb-captcha-footer-color);
border-radius: var(--bb-captcha-radius); border-radius: var(--bb-captcha-radius);
margin-top: var(--bb-captcha-footer-margin-top); margin-block-start: var(--bb-captcha-footer-margin-top);
height: var(--bb-captcha-footer-height); height: var(--bb-captcha-footer-height);
position: relative; position: relative;

2
src/BootstrapBlazor/Components/Card/Card.razor.scss
View File

@ -20,7 +20,7 @@
flex: 1; flex: 1;
.card-title { .card-title {
margin-left: var(--bb-card-title-margin-left); margin-inline-start: var(--bb-card-title-margin-left);
} }
} }

2
src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.scss
View File

@ -27,7 +27,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
margin-left: .5rem; margin-inline-start: .5rem;
flex: 1; flex: 1;
} }

4
src/BootstrapBlazor/Components/ClockPicker/ClockPicker.razor.scss
View File

@ -138,7 +138,7 @@
> div { > div {
position: absolute; position: absolute;
margin-top: var(--bb-time-clock-number-margin-top); margin-block-start: var(--bb-time-clock-number-margin-top);
text-align: center; text-align: center;
width: var(--bb-time-clock-number-width); width: var(--bb-time-clock-number-width);
height: var(--bb-time-clock-number-height); height: var(--bb-time-clock-number-height);
@ -162,7 +162,7 @@
} }
.bb-clock-point { .bb-clock-point {
margin-top: var(--bb-time-clock-number-margin-top); margin-block-start: var(--bb-time-clock-number-margin-top);
opacity: .4; opacity: .4;
height: calc(var(--bb-time-body-height) / 2 - var(--bb-time-clock-number-margin-top)); height: calc(var(--bb-time-body-height) / 2 - var(--bb-time-clock-number-margin-top));
width: 2px; width: 2px;

2
src/BootstrapBlazor/Components/Console/Console.razor.scss
View File

@ -25,7 +25,7 @@
justify-content: end; justify-content: end;
.console-clear { .console-clear {
margin-left: var(--bb-console-clear-button-margin-left); margin-inline-start: var(--bb-console-clear-button-margin-left);
} }
} }
} }

4
src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss
View File

@ -5,11 +5,11 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background-color: #174482; background-color: #174482;
color: #fff; color: #fff;
margin-top: 1rem; margin-block-start: 1rem;
.logger-item { .logger-item {
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 0.5rem; margin-block-end: 0.5rem;
} }
} }
} }

4
src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss
View File

@ -226,7 +226,7 @@
} }
.year-table, .month-table { .year-table, .month-table {
margin-top: 29px; margin-block-start: 29px;
tr { tr {
border-top: 1px solid var(--bs-border-color); border-top: 1px solid var(--bs-border-color);
@ -336,7 +336,7 @@
} }
&:last-child { &:last-child {
margin-left: .25rem; margin-inline-start: .25rem;
} }
} }

6
src/BootstrapBlazor/Components/Dialog/IconDialog.razor.scss
View File

@ -59,7 +59,7 @@ section > h2 {
h2 { h2 {
background: #FF6C60; background: #FF6C60;
color: #fff; color: #fff;
margin-top: 0; margin-block-start: 0;
padding: 10px 15px; padding: 10px 15px;
font-size: 16px; font-size: 16px;
border-radius: 4px; border-radius: 4px;
@ -81,10 +81,10 @@ section > h2 {
padding-bottom: 3px; padding-bottom: 3px;
padding-right: 3px; padding-right: 3px;
width: 100%; width: 100%;
margin-top: 1px; margin-block-start: 1px;
&:last-child { &:last-child {
margin-bottom: 5px; margin-block-end: 5px;
} }
&.active { &.active {

2
src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss
View File

@ -33,7 +33,7 @@
text-align: right; text-align: right;
button:not(:last-child) { button:not(:last-child) {
margin-right: .25rem; margin-inline-end: .25rem;
} }
} }
} }

2
src/BootstrapBlazor/Components/EditorForm/EditorForm.razor.scss
View File

@ -11,6 +11,6 @@
} }
.bb-editor-footer { .bb-editor-footer {
margin-top: 1rem; margin-block-start: 1rem;
} }
} }

8
src/BootstrapBlazor/Components/Filters/MultiFilter.razor.scss
View File

@ -8,7 +8,7 @@
position: relative; position: relative;
.bb-multi-filter-search { .bb-multi-filter-search {
margin-bottom: var(--bb-multi-filter-search-margin-bottom); margin-block-end: var(--bb-multi-filter-search-margin-bottom);
} }
.bb-multi-filter-list { .bb-multi-filter-list {
@ -17,7 +17,7 @@
padding: var(--bb-multi-filter-body-item-margin); padding: var(--bb-multi-filter-body-item-margin);
.bb-multi-filter-header { .bb-multi-filter-header {
margin-bottom: var(--bb-multi-filter-body-item-margin); margin-block-end: var(--bb-multi-filter-body-item-margin);
padding-bottom: var(--bb-multi-filter-body-item-margin); padding-bottom: var(--bb-multi-filter-body-item-margin);
border-bottom: var(--bs-border-width) solid var(--bs-border-color); border-bottom: var(--bs-border-width) solid var(--bs-border-color);
} }
@ -25,7 +25,7 @@
.bb-multi-filter-body { .bb-multi-filter-body {
height: var(--bb-multi-filter-height); height: var(--bb-multi-filter-height);
width: var(--bb-multi-filter-width); width: var(--bb-multi-filter-width);
margin-top: var(--bb-multi-filter-body-item-margin); margin-block-start: var(--bb-multi-filter-body-item-margin);
.bb-multi-filter-body-item { .bb-multi-filter-body-item {
background-color: var(--bb-multi-filter-body-item-bg); background-color: var(--bb-multi-filter-body-item-bg);
@ -40,7 +40,7 @@
} }
&:not(:last-child) { &:not(:last-child) {
margin-bottom: var(--bb-multi-filter-body-item-margin); margin-block-end: var(--bb-multi-filter-body-item-margin);
} }
&:hover { &:hover {

2
src/BootstrapBlazor/Components/Filters/TableFilter.razor.scss
View File

@ -6,7 +6,7 @@
.card-body { .card-body {
> *:not(:first-child) { > *:not(:first-child) {
margin-top: 0.5rem; margin-block-start: 0.5rem;
} }
} }

2
src/BootstrapBlazor/Components/FlipClock/FlipClock.razor.scss
View File

@ -30,7 +30,7 @@
display: flex; display: flex;
&:not(:last-child) { &:not(:last-child) {
margin-right: var(--bb-flip-clock-list-margin-right); margin-inline-end: var(--bb-flip-clock-list-margin-right);
} }
} }
} }

2
src/BootstrapBlazor/Components/GoTop/GoTop.razor.scss
View File

@ -14,7 +14,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: var(--bb-gotop-margin-right); margin-inline-end: var(--bb-gotop-margin-right);
transition: background-color .3s linear; transition: background-color .3s linear;
color: var(--bb-gotop-color); color: var(--bb-gotop-color);

8
src/BootstrapBlazor/Components/GroupBox/GroupBox.razor.scss
View File

@ -8,7 +8,7 @@
padding: var(--bb-groupbox-padding); padding: var(--bb-groupbox-padding);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
position: relative; position: relative;
margin-top: var(--bb-groupbox-margin-top); margin-block-start: var(--bb-groupbox-margin-top);
.legend { .legend {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -21,13 +21,13 @@
.form-body { .form-body {
> .groupbox:not(:last-child) { > .groupbox:not(:last-child) {
margin-bottom: 1rem; margin-block-end: 1rem;
margin-top: 0; margin-block-start: 0;
} }
> .row { > .row {
+ .groupbox { + .groupbox {
margin-top: 1rem; margin-block-start: 1rem;
} }
} }
} }

2
src/BootstrapBlazor/Components/Handwritten/Handwritten.razor.scss
View File

@ -8,7 +8,7 @@
} }
.hw-buttons { .hw-buttons {
margin-top: 1rem; margin-block-start: 1rem;
text-align: right; text-align: right;
} }
} }

2
src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.scss
View File

@ -124,7 +124,7 @@
> img { > img {
transition: transform .3s ease; transition: transform .3s ease;
margin-left: 0px; margin-left: 0px;
margin-top: 0px; margin-block-start: 0px;
&.transition-none { &.transition-none {
transition: none !important; transition: none !important;

2
src/BootstrapBlazor/Components/ListGroup/ListGroup.razor.scss
View File

@ -22,7 +22,7 @@
} }
&.active { &.active {
margin-top: 0; margin-block-start: 0;
} }
} }
} }

12
src/BootstrapBlazor/Components/Logout/Logout.razor.scss
View File

@ -25,7 +25,7 @@
@keyframes fade-in2 { @keyframes fade-in2 {
0% { 0% {
margin-top: -50px; margin-block-start: -50px;
visibility: hidden; visibility: hidden;
opacity: 0 opacity: 0
} }
@ -69,11 +69,11 @@
.dropdown-logout .dropdown-user img { .dropdown-logout .dropdown-user img {
width: var(--bb-logout-user-avatar-width); width: var(--bb-logout-user-avatar-width);
height: var(--bb-logout-user-avatar-height); height: var(--bb-logout-user-avatar-height);
margin-right: var(--bb-logout-user-avatar-margin-right); margin-inline-end: var(--bb-logout-user-avatar-margin-right);
} }
.dropdown-logout .logout-un { .dropdown-logout .logout-un {
margin-top: .25rem; margin-block-start: .25rem;
} }
.dropdown-logout .dropdown-item:not(.dropdown-user):focus, .dropdown-logout .dropdown-item:not(.dropdown-user):focus,
@ -83,13 +83,13 @@
.dropdown-logout .dropdown-item a { .dropdown-logout .dropdown-item a {
color: var(--bs-body-color); color: var(--bs-body-color);
margin-bottom: .5rem; margin-block-end: .5rem;
display: block; display: block;
transition: color .3s linear; transition: color .3s linear;
} }
.dropdown-logout .dropdown-item a:first-child { .dropdown-logout .dropdown-item a:first-child {
margin-top: .5rem; margin-block-start: .5rem;
} }
.dropdown-logout .dropdown-item a:hover { .dropdown-logout .dropdown-item a:hover {
@ -97,5 +97,5 @@
} }
.dropdown-logout .dropdown-item a > i { .dropdown-logout .dropdown-item a > i {
margin-right: .5rem; margin-inline-end: .5rem;
} }

4
src/BootstrapBlazor/Components/Menu/Menu.razor.scss
View File

@ -49,7 +49,7 @@
.menu .nav .dropdown-menu, .cascade .dropdown-menu { .menu .nav .dropdown-menu, .cascade .dropdown-menu {
overflow: unset; overflow: unset;
max-height: unset; max-height: unset;
margin-top: 10px; margin-block-start: 10px;
} }
.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active { .menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active {
@ -146,7 +146,7 @@
} }
.menu .submenu li { .menu .submenu li {
margin-top: 2px; margin-block-start: 2px;
} }
.menu .submenu .nav-link { .menu .submenu .nav-link {

4
src/BootstrapBlazor/Components/Modal/Modal.razor.scss
View File

@ -28,7 +28,7 @@
} }
.modal-footer button:not(:last-child) { .modal-footer button:not(:last-child) {
margin-right: .5rem; margin-inline-end: .5rem;
} }
.modal-resizer { .modal-resizer {
@ -57,7 +57,7 @@
} }
.modal-header-buttons .btn:not(:last-child) { .modal-header-buttons .btn:not(:last-child) {
margin-right: .5rem; margin-inline-end: .5rem;
} }
.modal-header-buttons .btn-maximize { .modal-header-buttons .btn-maximize {

4
src/BootstrapBlazor/Components/QueryBuilder/QueryBuilder.razor.scss
View File

@ -14,7 +14,7 @@
position: relative; position: relative;
&:not(:last-child) { &:not(:last-child) {
margin-bottom: var(--bb-qb-item-margin-bottom); margin-block-end: var(--bb-qb-item-margin-bottom);
} }
> .qb-group { > .qb-group {
@ -39,7 +39,7 @@
display: flex; display: flex;
> *:not(:last-child) { > *:not(:last-child) {
margin-right: var(--bb-qb-row-item-margin-right); margin-inline-end: var(--bb-qb-row-item-margin-right);
} }
> input.form-control { > input.form-control {

2
src/BootstrapBlazor/Components/Radio/RadioList.razor.scss
View File

@ -15,7 +15,7 @@
line-height: unset; line-height: unset;
.form-check:not(:last-child) { .form-check:not(:last-child) {
margin-bottom: .5rem; margin-block-end: .5rem;
} }
} }

2
src/BootstrapBlazor/Components/Rate/Rate.razor.scss
View File

@ -20,7 +20,7 @@
cursor: pointer; cursor: pointer;
&:not(:last-child) { &:not(:last-child) {
margin-right: var(--bb-rate-margin-left); margin-inline-end: var(--bb-rate-margin-left);
} }
} }

8
src/BootstrapBlazor/Components/RibbonTab/RibbonTab.razor.scss
View File

@ -63,7 +63,7 @@
} }
&:not(:last-child) { &:not(:last-child) {
margin-right: 1px; margin-inline-end: 1px;
} }
&:not([disabled]):hover { &:not([disabled]):hover {
@ -73,7 +73,7 @@
> i { > i {
font-size: 1rem; font-size: 1rem;
margin-bottom: .25rem; margin-block-end: .25rem;
} }
> span { > span {
@ -100,7 +100,7 @@
align-items: center; align-items: center;
.link-group-name { .link-group-name {
margin-top: var(--bb-ribbon-group-margin-top); margin-block-start: var(--bb-ribbon-group-margin-top);
color: var(--bb-ribbon-group-color); color: var(--bb-ribbon-group-color);
font-size: var(--bb-ribbon-group-fontsize) font-size: var(--bb-ribbon-group-fontsize)
} }
@ -128,7 +128,7 @@
.ribbon-customer-buttons { .ribbon-customer-buttons {
display: flex; display: flex;
align-items: center; align-items: center;
margin-right: 1rem; margin-inline-end: 1rem;
} }
.ribbon-button { .ribbon-button {

2
src/BootstrapBlazor/Components/Row/Row.razor.scss
View File

@ -17,7 +17,7 @@
.form-label { .form-label {
padding: var(--bb-row-control-padding) 0; padding: var(--bb-row-control-padding) 0;
margin-bottom: 0; margin-block-end: 0;
padding-right: 10px; padding-right: 10px;
width: var(--bb-row-label-width); width: var(--bb-row-label-width);
text-overflow: ellipsis; text-overflow: ellipsis;

8
src/BootstrapBlazor/Components/Select/MultiSelect.razor.scss
View File

@ -49,8 +49,8 @@
} }
.multi-select-item-group { .multi-select-item-group {
margin-right: var(--bb-multi-select-item-margin-x); margin-inline-end: var(--bb-multi-select-item-margin-x);
margin-bottom: var(--bb-multi-select-item-margin-y); margin-block-end: var(--bb-multi-select-item-margin-y);
} }
.multi-select-items { .multi-select-items {
@ -86,7 +86,7 @@
.multi-select-close { .multi-select-close {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
margin-right: -1px; margin-inline-end: -1px;
transition: color .3s linear, background-color .3s linear; transition: color .3s linear, background-color .3s linear;
} }
} }
@ -120,7 +120,7 @@
} }
&:not(:last-child) { &:not(:last-child) {
margin-right: .5rem; margin-inline-end: .5rem;
} }
} }
} }

13
src/BootstrapBlazor/Components/Select/Select.razor.scss
View File

@ -31,7 +31,7 @@
.cascade .dropdown-menu, .cascade .dropdown-menu,
.selec .dropdown-menu { .selec .dropdown-menu {
margin-top: var(--bb-select-dropdown-menu-margin-top) !important; margin-block-start: var(--bb-select-dropdown-menu-margin-top) !important;
} }
.select .form-select { .select .form-select {
@ -40,6 +40,7 @@
border: var(--bs-border-width) solid var(--bs-border-color); border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
padding: var(--bb-select-padding); padding: var(--bb-select-padding);
padding-inline-end: var(--bb-select-padding-right);
cursor: pointer; cursor: pointer;
} }
@ -80,7 +81,7 @@
border-color: transparent transparent rgba(0,0,0,.15); border-color: transparent transparent rgba(0,0,0,.15);
position: absolute; position: absolute;
left: 20px; left: 20px;
margin-top: 4px; margin-block-start: 4px;
z-index: 1001; z-index: 1001;
display: none; display: none;
} }
@ -183,7 +184,7 @@
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] { .was-validated .form-select:invalid:not([multiple])[size="1"] {
background-position: right -1rem center, center right 1.5rem; background-position: right -1rem center, center right 1.5rem;
padding-right: var(--bb-select-padding-right); padding-inline-start: var(--bb-select-padding-right);
} }
.arrow-danger { .arrow-danger {
@ -209,8 +210,8 @@
.dropdown-menu .search { .dropdown-menu .search {
padding: var(--bb-select-search-padding); padding: var(--bb-select-search-padding);
position: relative; position: relative;
border-bottom: var(--bs-border-width) solid var(--bb-select-search-border-color); border-block-end: var(--bs-border-width) solid var(--bb-select-search-border-color);
margin-bottom: var(--bb-select-search-margin-bottom); margin-block-end: var(--bb-select-search-margin-bottom);
} }
.dropdown-menu .search.is-fixed { .dropdown-menu .search.is-fixed {
@ -220,7 +221,7 @@
} }
.dropdown-menu .search .search-text { .dropdown-menu .search .search-text {
padding-right: var(--bb-select-search-padding-right); padding-inline-end: var(--bb-select-search-padding-right);
} }
.dropdown-menu .search .icon { .dropdown-menu .search .icon {

4
src/BootstrapBlazor/Components/Skeleton/Skeleton.razor.scss
View File

@ -43,7 +43,7 @@
background-color: var(--bb-skeleton-gradient-from-color); background-color: var(--bb-skeleton-gradient-from-color);
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 0.5rem; margin-block-end: 0.5rem;
} }
&.form-label { &.form-label {
@ -118,7 +118,7 @@
.skeleton-toolbar { .skeleton-toolbar {
height: var(--bb-height); height: var(--bb-height);
display: flex; display: flex;
margin-bottom: .5rem; margin-block-end: .5rem;
} }
.skeleton-buttons { .skeleton-buttons {

2
src/BootstrapBlazor/Components/Slider/Slider.razor.scss
View File

@ -12,7 +12,7 @@
--bb-form-range-margin-top: #{$bb-form-range-margin-top}; --bb-form-range-margin-top: #{$bb-form-range-margin-top};
.form-range { .form-range {
margin-top: var(--bb-form-range-margin-top); margin-block-start: var(--bb-form-range-margin-top);
} }
} }

4
src/BootstrapBlazor/Components/Split/Split.razor.scss
View File

@ -125,8 +125,8 @@
height: 2px; height: 2px;
&:not(:first-child) { &:not(:first-child) {
margin-left: 0; margin-inline-start: 0;
margin-top: 4px; margin-block-start: 4px;
} }
} }
} }

4
src/BootstrapBlazor/Components/SweetAlert/SweetAlert.razor.scss
View File

@ -1,4 +1,4 @@
.swal { .swal {
position: fixed; position: fixed;
--bb-swal-zindex: 1075; --bb-swal-zindex: 1075;
z-index: var(--bb-swal-zindex); z-index: var(--bb-swal-zindex);
@ -10,5 +10,5 @@
} }
.swal2-actions { .swal2-actions {
margin-bottom: 1rem; margin-block-end: 1rem;
} }

24
src/BootstrapBlazor/Components/Table/Table.razor.scss
View File

@ -29,7 +29,7 @@
height: 100%; height: 100%;
.nav-pages { .nav-pages {
margin-top: .5rem; margin-block-start: .5rem;
.pagination { .pagination {
--bs-pagination-color: var(--bb-table-pagination-color); --bs-pagination-color: var(--bb-table-pagination-color);
@ -119,7 +119,7 @@
} }
.table { .table {
margin-bottom: 0; margin-block-end: 0;
} }
.table thead th, .table tbody td { .table thead th, .table tbody td {
@ -304,7 +304,7 @@
} }
.table-toolbar .table-toolbar-button { .table-toolbar .table-toolbar-button {
margin-bottom: .5rem; margin-block-end: .5rem;
} }
.table-toolbar .dropdown-menu { .table-toolbar .dropdown-menu {
@ -338,11 +338,11 @@
} }
.btn-gear .dropdown-menu .dropdown-item:not(:first-child) { .btn-gear .dropdown-menu .dropdown-item:not(:first-child) {
border-left: solid 1px #aeb2b7; border-inline-start: solid 1px #aeb2b7;
} }
.table-column-right { .table-column-right {
margin-left: 0.3125rem; margin-inline-start: 0.3125rem;
} }
.search-input-tooltip { .search-input-tooltip {
@ -464,11 +464,11 @@ tr.active:not(.is-edit):hover {
.table-row .table-cell label:not(.form-check) { .table-row .table-cell label:not(.form-check) {
font-weight: bold; font-weight: bold;
margin-bottom: 0; margin-block-end: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
margin-right: 6px; margin-inline-end: 6px;
flex-basis: var(--bb-table-cardview-label-width); flex-basis: var(--bb-table-cardview-label-width);
flex-shrink: 0; flex-shrink: 0;
} }
@ -488,7 +488,7 @@ tr.active:not(.is-edit):hover {
.table-row.table-footer .table-cell:first-child { .table-row.table-footer .table-cell:first-child {
font-weight: bold; font-weight: bold;
width: var(--bb-table-cardview-label-width); width: var(--bb-table-cardview-label-width);
margin-bottom: 0; margin-block-end: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -698,7 +698,7 @@ form .table .table-cell > textarea {
} }
.table-search { .table-search {
margin-bottom: .5rem; margin-block-end: .5rem;
.card-header { .card-header {
--bs-card-cap-padding-y: 0; --bs-card-cap-padding-y: 0;
@ -834,7 +834,7 @@ form .table .table-cell > textarea {
} }
.form-footer { .form-footer {
margin-top: .5rem; margin-block-start: .5rem;
} }
.modal-body .form-footer { .modal-body .form-footer {
@ -845,7 +845,7 @@ form .table .table-cell > textarea {
} }
.modal-body .form-footer button:not(:last-child) { .modal-body .form-footer button:not(:last-child) {
margin-right: .25rem; margin-inline-end: .25rem;
} }
.modal-dialog-table.modal-dialog-scrollable .modal-body { .modal-dialog-table.modal-dialog-scrollable .modal-body {
@ -887,7 +887,7 @@ form .table .table-cell > textarea {
.col-copy { .col-copy {
cursor: pointer; cursor: pointer;
margin-right: var(--bb-table-copy-column-margin-right); margin-inline-end: var(--bb-table-copy-column-margin-right);
} }
.table-drag-over { .table-drag-over {

2
src/BootstrapBlazor/Components/Table/TableAdvancedSortDialog.razor.scss
View File

@ -2,6 +2,6 @@
--bb-table-advance-sort-margin-top: .5rem; --bb-table-advance-sort-margin-top: .5rem;
> .row:not(:first-child) { > .row:not(:first-child) {
margin-top: var(--bb-table-advance-sort-margin-top); margin-block-start: var(--bb-table-advance-sort-margin-top);
} }
} }

2
src/BootstrapBlazor/Components/ThemeProvider/ThemeProvider.razor.scss
View File

@ -13,7 +13,7 @@
--bs-dropdown-min-width: var(--bb-theme-mode-width); --bs-dropdown-min-width: var(--bb-theme-mode-width);
li:not(:first-child) { li:not(:first-child) {
margin-top: var(--bb-theme-mode-item-margin-top); margin-block-start: var(--bb-theme-mode-item-margin-top);
} }
.dropdown-item { .dropdown-item {

2
src/BootstrapBlazor/Components/Timeline/Timeline.razor.scss
View File

@ -53,7 +53,7 @@
} }
.timeline .timeline-item-timestamp { .timeline .timeline-item-timestamp {
margin-top: 0.5rem; margin-block-start: 0.5rem;
color: var(--bb-timeline-timestamp-color); color: var(--bb-timeline-timestamp-color);
} }

2
src/BootstrapBlazor/Components/Timer/Timer.razor.scss
View File

@ -43,7 +43,7 @@
} }
.timer .timer-alert i { .timer .timer-alert i {
margin-right: var(--bb-timer-alert-icon-margin-right); margin-inline-end: var(--bb-timer-alert-icon-margin-right);
} }
.timer .timer-buttons { .timer .timer-buttons {

4
src/BootstrapBlazor/Components/TreeView/TreeView.razor.scss
View File

@ -16,7 +16,7 @@
height: 100%; height: 100%;
.tree-search { .tree-search {
margin-bottom: .5rem; margin-block-end: .5rem;
} }
} }
@ -85,7 +85,7 @@
} }
.tree-view .tree-node .tree-icon { .tree-view .tree-node .tree-icon {
margin-right: var(--bb-tree-icon-margin-right); margin-inline-end: var(--bb-tree-icon-margin-right);
} }
.tree-view .form-check { .tree-view .form-check {

6
src/BootstrapBlazor/Components/Upload/UploadBase.razor.scss
View File

@ -13,7 +13,7 @@
} }
.upload .upload-body { .upload .upload-body {
margin-top: var(--bb-upload-body-margin-top); margin-block-start: var(--bb-upload-body-margin-top);
} }
.upload .upload-body.is-list { .upload .upload-body.is-list {
@ -102,8 +102,8 @@
position: relative; position: relative;
border: 1px dashed var(--bs-border-color); border: 1px dashed var(--bs-border-color);
border-radius: 6px; border-radius: 6px;
margin-right: 1rem; margin-inline-end: 1rem;
margin-bottom: 1rem; margin-block-end: 1rem;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
} }

3
src/BootstrapBlazor/Directory.Build.targets
View File

@ -8,7 +8,8 @@
<Message Text="Copy bootstrap assets ..." Importance="high"></Message> <Message Text="Copy bootstrap assets ..." Importance="high"></Message>
<Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/core/bootstrap/js/bootstrap.bundle.min.js" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/js/bootstrap.blazor.bundle.min.js" SkipUnchangedFiles="true" ></Copy> <Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/core/bootstrap/js/bootstrap.bundle.min.js" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/js/bootstrap.blazor.bundle.min.js" SkipUnchangedFiles="true" ></Copy>
<Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/core/bootstrap/css/bootstrap.min.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/bootstrap.min.css" SkipUnchangedFiles="true" ></Copy> <Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/core/bootstrap/css/bootstrap.min.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/bootstrap.min.css" SkipUnchangedFiles="true" ></Copy>
<Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/core/bootstrap/css/bootstrap.rtl.min.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/bootstrap.rtl.min.css" SkipUnchangedFiles="true" ></Copy>
<Message Text="Copy bootstrapblazor assets ..." Importance="high"></Message> <Message Text="Copy bootstrapblazor assets ..." Importance="high"></Message>
<Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/lib/animate/animate.min.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/animate.min.css" SkipUnchangedFiles="true" ></Copy> <Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/lib/animate/animate.min.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/animate.min.css" SkipUnchangedFiles="true" ></Copy>
<Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/lib/swal/sweetalert2.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/sweetalert2.css" SkipUnchangedFiles="true" ></Copy> <Copy SourceFiles="$(MSBuildThisFileDirectory)wwwroot/lib/swal/sweetalert2.css" DestinationFiles="$(MSBuildThisFileDirectory)wwwroot/css/sweetalert2.css" SkipUnchangedFiles="true" ></Copy>

12030
src/BootstrapBlazor/wwwroot/core/bootstrap/css/bootstrap.rtl.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

6
src/BootstrapBlazor/wwwroot/core/bootstrap/css/bootstrap.rtl.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

5
src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.rtl.min.css vendored Normal file
View File

@ -0,0 +1,5 @@
@import url('bootstrap.rtl.min.css');
@import url('bootstrapblazor.min.css');
@import url('rtl.css');
@import url('animate.min.css');
@import url('sweetalert2.css');

21
src/BootstrapBlazor/wwwroot/css/rtl.css Normal file
View File

@ -0,0 +1,21 @@
[dir="rtl"] .card-collapse-bar:not([aria-expanded=true]) > .card-collapse-arrow {
transform: rotate(180deg);
}
[dir="rtl"] .form-select-append {
right: unset;
left: 0;
}
[dir="rtl"] .select .clear-icon {
right: unset;
left: 0;
}
[dir="rtl"] .pagination .page-item:first-child .page-link > i {
transform: rotate(180deg);
}
[dir="rtl"] .pagination .page-item:last-child .page-link > i {
transform: rotate(180deg);
}

2
src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss vendored
View File

@ -498,7 +498,7 @@ $bb-segmented-text-margin-left: 4px;
$bb-dropdown-link-pre-active-bg: #498ff7; $bb-dropdown-link-pre-active-bg: #498ff7;
$bb-select-focus-shadow: none; $bb-select-focus-shadow: none;
$bb-select-padding-right: 2.25rem; $bb-select-padding-right: 2.25rem;
$bb-select-padding: 6px var(--bb-select-padding-right) 6px 0.75rem; $bb-select-padding: 6px 0.75rem;
$bb-select-search-padding: 7px 10px; $bb-select-search-padding: 7px 10px;
$bb-select-search-margin-bottom: .5rem; $bb-select-search-margin-bottom: .5rem;
$bb-select-search-border-color: var(--bs-border-color); $bb-select-search-border-color: var(--bs-border-color);