random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-29 00:47:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix Tabs style

Browse Source
This commit is contained in:
Sevo Kukol 2023-09-13 11:23:43 +02:00
parent e27a28a04f
commit 39a7765aef
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
less/documentDB.less
View File

@ -2646,6 +2646,11 @@ a:link {
width: @ActiveTabWidth; width: @ActiveTabWidth;
} }
.nav-tabs > li.active > .tabNavContentContainer > .tab_Content > .tabNavText {
font-weight: "bolder";
border-bottom: "2px solid rgba(0,120,212,1)";
}
.nav-tabs > li.active:focus > .tabNavContentContainer { .nav-tabs > li.active:focus > .tabNavContentContainer {
.focus(); .focus();
} }

5
less/documentDBFabric.less
View File

@ -58,6 +58,11 @@ body {
width: @ActiveTabWidth; width: @ActiveTabWidth;
} }
.nav-tabs>li.active>.tabNavContentContainer>.tab_Content>.tabNavText {
font-weight: "bolder";
border-bottom: 2px solid @FabricAccentMedium;
}
.resourceTree { .resourceTree {
padding: 12px; padding: 12px;

1
src/Explorer/Tabs/Tabs.tsx
View File

@ -129,7 +129,6 @@ function TabNav({ tab, active, tabKind }: { tab?: Tab; active: boolean; tabKind?
</span> </span>
<span <span
className="tabNavText" className="tabNavText"
style={active ? { fontWeight: "bolder", borderBottom: "2px solid rgba(0,120,212,1)" } : {}}
> >
{useObservable(tab?.tabTitle || getReactTabTitle())} {useObservable(tab?.tabTitle || getReactTabTitle())}
</span> </span>