@open-rlb/ng-bootstrap 3.1.10 → 3.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -87,7 +87,7 @@ rlb-sidebar {
|
|
|
87
87
|
right: 1rem;
|
|
88
88
|
top: 50%;
|
|
89
89
|
display: block;
|
|
90
|
-
font-size:
|
|
90
|
+
font-size: 1.2rem;
|
|
91
91
|
|
|
92
92
|
// smoothly animate the transform
|
|
93
93
|
transition: transform 0.3s ease-in-out;
|
|
@@ -104,7 +104,8 @@ rlb-sidebar {
|
|
|
104
104
|
ul {
|
|
105
105
|
li {
|
|
106
106
|
a {
|
|
107
|
-
display:
|
|
107
|
+
display: flex;
|
|
108
|
+
align-items: center;
|
|
108
109
|
padding: var(--rlb-item-padding-y) var(--rlb-item-padding-x);
|
|
109
110
|
color: var(--rlb-menu-item-color);
|
|
110
111
|
position: relative;
|
|
@@ -114,7 +115,16 @@ rlb-sidebar {
|
|
|
114
115
|
margin: 0.1rem 0.3rem;
|
|
115
116
|
border-radius: $border-radius;
|
|
116
117
|
|
|
118
|
+
.menu-text {
|
|
119
|
+
flex-grow: 1;
|
|
120
|
+
white-space: nowrap;
|
|
121
|
+
overflow: hidden;
|
|
122
|
+
text-overflow: ellipsis;
|
|
123
|
+
margin-right: 0.5rem;
|
|
124
|
+
}
|
|
125
|
+
|
|
117
126
|
i {
|
|
127
|
+
flex-shrink: 0;
|
|
118
128
|
display: inline-block;
|
|
119
129
|
min-width: 1.75rem;
|
|
120
130
|
padding-bottom: .125em;
|
|
@@ -125,6 +135,11 @@ rlb-sidebar {
|
|
|
125
135
|
transition: all .4s;
|
|
126
136
|
}
|
|
127
137
|
|
|
138
|
+
.badge {
|
|
139
|
+
flex-shrink: 0;
|
|
140
|
+
margin-left: auto;
|
|
141
|
+
}
|
|
142
|
+
|
|
128
143
|
&:hover {
|
|
129
144
|
color: var(--rlb-menu-item-hover-color);
|
|
130
145
|
//background-color: rgba(255,255,255, 0.05);
|
|
@@ -135,6 +150,10 @@ rlb-sidebar {
|
|
|
135
150
|
}
|
|
136
151
|
}
|
|
137
152
|
|
|
153
|
+
.has-arrow span {
|
|
154
|
+
margin-right: 1rem;
|
|
155
|
+
}
|
|
156
|
+
|
|
138
157
|
.active,
|
|
139
158
|
&.mm-active > a {
|
|
140
159
|
color: var(--rlb-menu-item-active-color) !important;
|
|
@@ -5104,8 +5104,7 @@ class SidebarItemComponent {
|
|
|
5104
5104
|
>
|
|
5105
5105
|
{{ title() }}
|
|
5106
5106
|
</li>
|
|
5107
|
-
}
|
|
5108
|
-
@if (!title()) {
|
|
5107
|
+
} @else {
|
|
5109
5108
|
<li>
|
|
5110
5109
|
@if (children().length) {
|
|
5111
5110
|
<a
|
|
@@ -5122,18 +5121,18 @@ class SidebarItemComponent {
|
|
|
5122
5121
|
@if (icon()) {
|
|
5123
5122
|
<i [class]="icon()"></i>
|
|
5124
5123
|
}
|
|
5125
|
-
<span>{{ label() }}</span>
|
|
5124
|
+
<span class="menu-text">{{ label() }}</span>
|
|
5126
5125
|
</a>
|
|
5127
|
-
|
|
5128
|
-
|
|
5129
|
-
|
|
5130
|
-
|
|
5131
|
-
|
|
5132
|
-
|
|
5133
|
-
|
|
5134
|
-
|
|
5135
|
-
|
|
5136
|
-
@
|
|
5126
|
+
|
|
5127
|
+
<rlb-collapse [id]="'side-item' + _id">
|
|
5128
|
+
<ul
|
|
5129
|
+
class="sub-menu"
|
|
5130
|
+
aria-expanded="false"
|
|
5131
|
+
>
|
|
5132
|
+
<ng-content select="rlb-sidebar-item"></ng-content>
|
|
5133
|
+
</ul>
|
|
5134
|
+
</rlb-collapse>
|
|
5135
|
+
} @else {
|
|
5137
5136
|
<a
|
|
5138
5137
|
[routerLink]="link()"
|
|
5139
5138
|
[badge]="badgeCounter() && badgeCounter()! > 0 ? badgeCounter() : undefined"
|
|
@@ -5144,7 +5143,7 @@ class SidebarItemComponent {
|
|
|
5144
5143
|
@if (icon()) {
|
|
5145
5144
|
<i [class]="icon()"></i>
|
|
5146
5145
|
}
|
|
5147
|
-
<ng-content></ng-content>
|
|
5146
|
+
<span class="menu-text"><ng-content></ng-content></span>
|
|
5148
5147
|
</a>
|
|
5149
5148
|
}
|
|
5150
5149
|
</li>
|
|
@@ -5165,8 +5164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
5165
5164
|
>
|
|
5166
5165
|
{{ title() }}
|
|
5167
5166
|
</li>
|
|
5168
|
-
}
|
|
5169
|
-
@if (!title()) {
|
|
5167
|
+
} @else {
|
|
5170
5168
|
<li>
|
|
5171
5169
|
@if (children().length) {
|
|
5172
5170
|
<a
|
|
@@ -5183,18 +5181,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
5183
5181
|
@if (icon()) {
|
|
5184
5182
|
<i [class]="icon()"></i>
|
|
5185
5183
|
}
|
|
5186
|
-
<span>{{ label() }}</span>
|
|
5184
|
+
<span class="menu-text">{{ label() }}</span>
|
|
5187
5185
|
</a>
|
|
5188
|
-
|
|
5189
|
-
|
|
5190
|
-
|
|
5191
|
-
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
|
|
5195
|
-
|
|
5196
|
-
|
|
5197
|
-
@
|
|
5186
|
+
|
|
5187
|
+
<rlb-collapse [id]="'side-item' + _id">
|
|
5188
|
+
<ul
|
|
5189
|
+
class="sub-menu"
|
|
5190
|
+
aria-expanded="false"
|
|
5191
|
+
>
|
|
5192
|
+
<ng-content select="rlb-sidebar-item"></ng-content>
|
|
5193
|
+
</ul>
|
|
5194
|
+
</rlb-collapse>
|
|
5195
|
+
} @else {
|
|
5198
5196
|
<a
|
|
5199
5197
|
[routerLink]="link()"
|
|
5200
5198
|
[badge]="badgeCounter() && badgeCounter()! > 0 ? badgeCounter() : undefined"
|
|
@@ -5205,7 +5203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
5205
5203
|
@if (icon()) {
|
|
5206
5204
|
<i [class]="icon()"></i>
|
|
5207
5205
|
}
|
|
5208
|
-
<ng-content></ng-content>
|
|
5206
|
+
<span class="menu-text"><ng-content></ng-content></span>
|
|
5209
5207
|
</a>
|
|
5210
5208
|
}
|
|
5211
5209
|
</li>
|