@yesilyazilim/web.spa 1.0.36 → 1.0.38
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.
- package/index.css +37 -12
- package/index.css.map +1 -1
- package/index.js +170 -29
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +20 -0
- package/types.d.ts.map +1 -1
package/index.css
CHANGED
|
@@ -11567,6 +11567,11 @@ span {
|
|
|
11567
11567
|
border: 1px solid var(--form-element-border-color);
|
|
11568
11568
|
}
|
|
11569
11569
|
|
|
11570
|
+
.borderrd {
|
|
11571
|
+
border: 1px solid var(--form-element-border-color);
|
|
11572
|
+
border-radius: var(--border-radius);
|
|
11573
|
+
}
|
|
11574
|
+
|
|
11570
11575
|
.panel-container {
|
|
11571
11576
|
padding: var(--spacing);
|
|
11572
11577
|
width: 100%;
|
|
@@ -12443,6 +12448,20 @@ app-ribbon > app-tab-container .RibbonTabContent .RibbonGroupSeperator {
|
|
|
12443
12448
|
|
|
12444
12449
|
app-ribbon > app-tab-container > .appTabContainerHeader {
|
|
12445
12450
|
z-index: 1;
|
|
12451
|
+
--tab-border-h: 4px;
|
|
12452
|
+
}
|
|
12453
|
+
|
|
12454
|
+
app-ribbon > app-tab-container > .appTabContainerHeader app-tab-header {
|
|
12455
|
+
--tab-header-border-color: transparent;
|
|
12456
|
+
}
|
|
12457
|
+
|
|
12458
|
+
app-ribbon > app-tab-container > .appTabContainerHeader app-tab-header .title {
|
|
12459
|
+
padding: 3px 9px;
|
|
12460
|
+
}
|
|
12461
|
+
|
|
12462
|
+
app-ribbon > app-tab-container > .appTabContainerHeader app-tab-header.active {
|
|
12463
|
+
--tab-header-border-color: var(--primary-gray-ghost);
|
|
12464
|
+
background-color: var(--primary-gray-light);
|
|
12446
12465
|
}
|
|
12447
12466
|
|
|
12448
12467
|
app-ribbon > app-tab-container .appTabContainerBody {
|
|
@@ -12511,7 +12530,7 @@ app-tab-container .appTabContainerHeader {
|
|
|
12511
12530
|
overflow: hidden;
|
|
12512
12531
|
}
|
|
12513
12532
|
|
|
12514
|
-
app-tab-container .appTabContainerHeader app-tab-header {
|
|
12533
|
+
app-tab-container .appTabContainerHeader > app-tab-header {
|
|
12515
12534
|
border-bottom: var(--tab-border-h) solid;
|
|
12516
12535
|
border-bottom-color: var(--tab-header-border-color);
|
|
12517
12536
|
grid-template-columns: 1fr auto;
|
|
@@ -12522,21 +12541,21 @@ app-tab-container .appTabContainerHeader app-tab-header {
|
|
|
12522
12541
|
position: relative;
|
|
12523
12542
|
}
|
|
12524
12543
|
|
|
12525
|
-
app-tab-container .appTabContainerHeader app-tab-header:hover {
|
|
12526
|
-
border-bottom: var(--tab-
|
|
12544
|
+
app-tab-container .appTabContainerHeader > app-tab-header:hover {
|
|
12545
|
+
border-bottom-color: var(--tab-accent-hover);
|
|
12527
12546
|
cursor: pointer;
|
|
12528
12547
|
}
|
|
12529
12548
|
|
|
12530
|
-
app-tab-container .appTabContainerHeader app-tab-header.active {
|
|
12531
|
-
border-bottom: var(--tab-
|
|
12549
|
+
app-tab-container .appTabContainerHeader > app-tab-header.active {
|
|
12550
|
+
border-bottom-color: var(--tab-accent-color);
|
|
12532
12551
|
}
|
|
12533
12552
|
|
|
12534
|
-
app-tab-container .appTabContainerHeader app-tab-header.active:hover {
|
|
12535
|
-
border-bottom: var(--tab-
|
|
12553
|
+
app-tab-container .appTabContainerHeader > app-tab-header.active:hover {
|
|
12554
|
+
border-bottom-color: var(--tab-accent-color);
|
|
12536
12555
|
cursor: default;
|
|
12537
12556
|
}
|
|
12538
12557
|
|
|
12539
|
-
app-tab-container .appTabContainerHeader app-tab-header .title {
|
|
12558
|
+
app-tab-container .appTabContainerHeader > app-tab-header .title {
|
|
12540
12559
|
text-align: center;
|
|
12541
12560
|
transition: opacity var(--transition);
|
|
12542
12561
|
text-overflow: ellipsis;
|
|
@@ -12546,7 +12565,7 @@ app-tab-container .appTabContainerHeader app-tab-header .title {
|
|
|
12546
12565
|
overflow: hidden;
|
|
12547
12566
|
}
|
|
12548
12567
|
|
|
12549
|
-
app-tab-container .appTabContainerHeader app-tab-header .closeButton {
|
|
12568
|
+
app-tab-container .appTabContainerHeader > app-tab-header .closeButton {
|
|
12550
12569
|
background-image: var(--icon-close);
|
|
12551
12570
|
opacity: .5;
|
|
12552
12571
|
transition: opacity var(--transition);
|
|
@@ -12559,7 +12578,7 @@ app-tab-container .appTabContainerHeader app-tab-header .closeButton {
|
|
|
12559
12578
|
display: block;
|
|
12560
12579
|
}
|
|
12561
12580
|
|
|
12562
|
-
app-tab-container .appTabContainerHeader app-tab-header .closeButton:hover {
|
|
12581
|
+
app-tab-container .appTabContainerHeader > app-tab-header .closeButton:hover {
|
|
12563
12582
|
opacity: 1;
|
|
12564
12583
|
}
|
|
12565
12584
|
|
|
@@ -12631,12 +12650,18 @@ app-button-list:not(.toolbar).vertical > button:last-child {
|
|
|
12631
12650
|
}
|
|
12632
12651
|
|
|
12633
12652
|
app-button-list:not(.toolbar).horizonal > button {
|
|
12634
|
-
border-
|
|
12653
|
+
border-top-left-radius: var(--border-radius);
|
|
12654
|
+
border-bottom-left-radius: var(--border-radius);
|
|
12655
|
+
border-top-right-radius: 0;
|
|
12656
|
+
border-bottom-right-radius: 0;
|
|
12635
12657
|
width: auto;
|
|
12636
12658
|
}
|
|
12637
12659
|
|
|
12638
12660
|
app-button-list:not(.toolbar).horizonal > button:last-child {
|
|
12639
|
-
border-
|
|
12661
|
+
border-top-left-radius: 0;
|
|
12662
|
+
border-bottom-left-radius: 0;
|
|
12663
|
+
border-top-right-radius: var(--border-radius);
|
|
12664
|
+
border-bottom-right-radius: var(--border-radius);
|
|
12640
12665
|
}
|
|
12641
12666
|
|
|
12642
12667
|
app-button-list.toolbar {
|