@yesilyazilim/web.spa 1.0.35 → 1.0.37
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 +28 -12
- package/index.css.map +1 -1
- package/index.js +172 -36
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +19 -0
- package/types.d.ts.map +1 -1
package/index.css
CHANGED
|
@@ -12443,6 +12443,16 @@ app-ribbon > app-tab-container .RibbonTabContent .RibbonGroupSeperator {
|
|
|
12443
12443
|
|
|
12444
12444
|
app-ribbon > app-tab-container > .appTabContainerHeader {
|
|
12445
12445
|
z-index: 1;
|
|
12446
|
+
--tab-border-h: 4px;
|
|
12447
|
+
}
|
|
12448
|
+
|
|
12449
|
+
app-ribbon > app-tab-container > .appTabContainerHeader app-tab-header {
|
|
12450
|
+
--tab-header-border-color: transparent;
|
|
12451
|
+
}
|
|
12452
|
+
|
|
12453
|
+
app-ribbon > app-tab-container > .appTabContainerHeader app-tab-header.active {
|
|
12454
|
+
--tab-header-border-color: var(--primary-gray-ghost);
|
|
12455
|
+
background-color: var(--primary-gray-light);
|
|
12446
12456
|
}
|
|
12447
12457
|
|
|
12448
12458
|
app-ribbon > app-tab-container .appTabContainerBody {
|
|
@@ -12511,7 +12521,7 @@ app-tab-container .appTabContainerHeader {
|
|
|
12511
12521
|
overflow: hidden;
|
|
12512
12522
|
}
|
|
12513
12523
|
|
|
12514
|
-
app-tab-container .appTabContainerHeader app-tab-header {
|
|
12524
|
+
app-tab-container .appTabContainerHeader > app-tab-header {
|
|
12515
12525
|
border-bottom: var(--tab-border-h) solid;
|
|
12516
12526
|
border-bottom-color: var(--tab-header-border-color);
|
|
12517
12527
|
grid-template-columns: 1fr auto;
|
|
@@ -12522,21 +12532,21 @@ app-tab-container .appTabContainerHeader app-tab-header {
|
|
|
12522
12532
|
position: relative;
|
|
12523
12533
|
}
|
|
12524
12534
|
|
|
12525
|
-
app-tab-container .appTabContainerHeader app-tab-header:hover {
|
|
12526
|
-
border-bottom: var(--tab-
|
|
12535
|
+
app-tab-container .appTabContainerHeader > app-tab-header:hover {
|
|
12536
|
+
border-bottom-color: var(--tab-accent-hover);
|
|
12527
12537
|
cursor: pointer;
|
|
12528
12538
|
}
|
|
12529
12539
|
|
|
12530
|
-
app-tab-container .appTabContainerHeader app-tab-header.active {
|
|
12531
|
-
border-bottom: var(--tab-
|
|
12540
|
+
app-tab-container .appTabContainerHeader > app-tab-header.active {
|
|
12541
|
+
border-bottom-color: var(--tab-accent-color);
|
|
12532
12542
|
}
|
|
12533
12543
|
|
|
12534
|
-
app-tab-container .appTabContainerHeader app-tab-header.active:hover {
|
|
12535
|
-
border-bottom: var(--tab-
|
|
12544
|
+
app-tab-container .appTabContainerHeader > app-tab-header.active:hover {
|
|
12545
|
+
border-bottom-color: var(--tab-accent-color);
|
|
12536
12546
|
cursor: default;
|
|
12537
12547
|
}
|
|
12538
12548
|
|
|
12539
|
-
app-tab-container .appTabContainerHeader app-tab-header .title {
|
|
12549
|
+
app-tab-container .appTabContainerHeader > app-tab-header .title {
|
|
12540
12550
|
text-align: center;
|
|
12541
12551
|
transition: opacity var(--transition);
|
|
12542
12552
|
text-overflow: ellipsis;
|
|
@@ -12546,7 +12556,7 @@ app-tab-container .appTabContainerHeader app-tab-header .title {
|
|
|
12546
12556
|
overflow: hidden;
|
|
12547
12557
|
}
|
|
12548
12558
|
|
|
12549
|
-
app-tab-container .appTabContainerHeader app-tab-header .closeButton {
|
|
12559
|
+
app-tab-container .appTabContainerHeader > app-tab-header .closeButton {
|
|
12550
12560
|
background-image: var(--icon-close);
|
|
12551
12561
|
opacity: .5;
|
|
12552
12562
|
transition: opacity var(--transition);
|
|
@@ -12559,7 +12569,7 @@ app-tab-container .appTabContainerHeader app-tab-header .closeButton {
|
|
|
12559
12569
|
display: block;
|
|
12560
12570
|
}
|
|
12561
12571
|
|
|
12562
|
-
app-tab-container .appTabContainerHeader app-tab-header .closeButton:hover {
|
|
12572
|
+
app-tab-container .appTabContainerHeader > app-tab-header .closeButton:hover {
|
|
12563
12573
|
opacity: 1;
|
|
12564
12574
|
}
|
|
12565
12575
|
|
|
@@ -12631,12 +12641,18 @@ app-button-list:not(.toolbar).vertical > button:last-child {
|
|
|
12631
12641
|
}
|
|
12632
12642
|
|
|
12633
12643
|
app-button-list:not(.toolbar).horizonal > button {
|
|
12634
|
-
border-
|
|
12644
|
+
border-top-left-radius: var(--border-radius);
|
|
12645
|
+
border-bottom-left-radius: var(--border-radius);
|
|
12646
|
+
border-top-right-radius: 0;
|
|
12647
|
+
border-bottom-right-radius: 0;
|
|
12635
12648
|
width: auto;
|
|
12636
12649
|
}
|
|
12637
12650
|
|
|
12638
12651
|
app-button-list:not(.toolbar).horizonal > button:last-child {
|
|
12639
|
-
border-
|
|
12652
|
+
border-top-left-radius: 0;
|
|
12653
|
+
border-bottom-left-radius: 0;
|
|
12654
|
+
border-top-right-radius: var(--border-radius);
|
|
12655
|
+
border-bottom-right-radius: var(--border-radius);
|
|
12640
12656
|
}
|
|
12641
12657
|
|
|
12642
12658
|
app-button-list.toolbar {
|