Clement Wang
c6ecbf25a7
# Description [doc] highlight tracing feature # All Promptflow Contribution checklist: - [ ] **The pull request does not introduce [breaking changes].** - [ ] **CHANGELOG is updated for new features, bug fixes or other significant changes.** - [ ] **I have read the [contribution guidelines](../CONTRIBUTING.md).** - [ ] **Create an issue and link to the pull request to get dedicated review from promptflow team. Learn more: [suggested workflow](../CONTRIBUTING.md#suggested-workflow).** ## General Guidelines and Best Practices - [ ] Title of the pull request is clear and informative. - [ ] There are a small number of commits, each of which have an informative message. This means that previously merged commits do not appear in the history of the PR. For more information on cleaning up the commits in your PR, [see this page](https://github.com/Azure/azure-powershell/blob/master/documentation/development-docs/cleaning-up-commits.md). ### Testing Guidelines - [ ] Pull request includes test coverage for the included changes. --------- Signed-off-by: Brynn Yin <biyi@microsoft.com> Co-authored-by: Brynn Yin <biyi@microsoft.com>
94 lines
1.7 KiB
CSS
94 lines
1.7 KiB
CSS
.title {
|
|
font-weight:700;
|
|
}
|
|
|
|
.sd-card-header {
|
|
font-weight:700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
.bd-page-width {
|
|
max-width: 100rem;
|
|
}
|
|
|
|
.bd-sidebar-primary {
|
|
flex: 0 0 20%;
|
|
}
|
|
|
|
.bd-main .bd-content .bd-article-container {
|
|
max-width: 70em;
|
|
}
|
|
|
|
/* Background color for feature announcement */
|
|
html[data-theme="light"] {
|
|
--header-announcement-color: #3278e5;
|
|
}
|
|
|
|
html[data-theme="dark"] {
|
|
--header-announcement-color: #67d6ed;
|
|
}
|
|
|
|
.bd-header-announcement {
|
|
background: var(--header-announcement-color);
|
|
}
|
|
/* Background color for feature announcement */
|
|
|
|
/* Background color for warning announcement */
|
|
/*html[data-theme="light"] {*/
|
|
/* --header-announcement-color: #fff070;*/
|
|
/*}*/
|
|
|
|
/*html[data-theme="dark"] {*/
|
|
/* --header-announcement-color: #4d4d00;*/
|
|
/*}*/
|
|
|
|
/*.bd-header-announcement {*/
|
|
/* background: var(--header-announcement-color);*/
|
|
/*}*/
|
|
/* Background color for warning announcement */
|
|
|
|
/* (A) LIGHTBOX BACKGROUND */
|
|
#lightbox {
|
|
/* (A1) COVERS FULLSCREEN */
|
|
position: fixed; z-index: 1060;
|
|
top: 0; left: 0;
|
|
width: 100%; height: 100%;
|
|
|
|
/* (A2) BACKGROUND */
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
/* (A3) CENTER IMAGE ON SCREEN */
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
/* (A4) HIDDEN BY DEFAULT */
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
|
|
/* (A5) SHOW/HIDE ANIMATION */
|
|
transition: opacity ease 0.4s;
|
|
}
|
|
/* (A6) TOGGLE VISIBILITY */
|
|
#lightbox.show {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
/* (B) LIGHTBOX IMAGE */
|
|
#lightbox img {
|
|
/* (B1) DIMENSIONS */
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
/* (B2) IMAGE FIT */
|
|
/* contain | cover | fill | scale-down */
|
|
object-fit: contain;
|
|
}
|
|
|
|
.avatar {
|
|
border-radius: 50%;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|