Skip to content

Commit c3bdca1

Browse files
StefonSimmonskayayaraialai97
authored
standard attr page - [WEB-3769] (DataDog#19087)
* start * update * messing around with product column * fix image * construct page * add alpine filtering * partial search filter logic * case insensitive search * search and filter work in tandem * use druids integration logos * acct for platform-based attrs * regex to cleanup searchable description * verify platform sources accompanied by `rum` * update url params * update data with URL params for sharing * if no url params set to data to empty string * cleanup * improve search and filtering * some comments * fix typo * Update page content paragraph * updates from feedback * update content page with more attributes * adjust column content * mv domain col, rm rum platform icons * add back in the RUM platform filters and logos * more content (not finished yet) * more content (not finished yet) * retry: rum android * retry: rum browser * fix spacing * add roku and ios * update product_source labels * fix to get icons * use icon partial * disable cache * sort product and local partial for errs * Apply suggestions from code review Co-authored-by: Austin Lai <76412946+alai97@users.noreply.github.com> * enable bootstrap tool tip * "logs" tooltip * rebuild * add box shadow for search input * use icons in filters * clean up the table * active icon * set filter-btn height. show filter btns on mobile * enable cache --------- Co-authored-by: Kari Halsted <kari.halsted@datadoghq.com> Co-authored-by: Kari Halsted <12926135+kayayarai@users.noreply.github.com> Co-authored-by: Austin Lai <76412946+alai97@users.noreply.github.com>
1 parent cf1604a commit c3bdca1

File tree

7 files changed

+2043
-4
lines changed

7 files changed

+2043
-4
lines changed

‎assets/scripts/main-dd-js.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Modal from 'bootstrap/js/dist/modal';
2+
import Tooltip from 'bootstrap/js/dist/tooltip';
23
import { getSignupFailover } from 'signup-failover';
34

45
import 'bootstrap/js/dist/dropdown';
@@ -42,3 +43,7 @@ document.querySelectorAll('.sign-up-trigger').forEach(item => {
4243

4344
// TODO: split up code from datadog-docs.js into modules after webpack migration
4445
// import './components/sidenav';
46+
47+
// Add Bootstrap Tooltip across docs
48+
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
49+
Array.from(tooltipTriggerList).map(tooltipTriggerEl => new Tooltip(tooltipTriggerEl))

‎assets/styles/pages/_standard-attributes.scss

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
.standard-attributes-main{
2+
3+
#standard-attributes-nav {
4+
position: sticky;
5+
top: 95px;
6+
align-self: flex-start;
7+
z-index: 2;
8+
background-color: white;
9+
padding-top: 12px;
10+
padding-bottom: 12px;
11+
12+
.filters-standard-attributes button {
13+
height: 40px;
14+
i{
15+
color: $brand-primary;
16+
position: relative;
17+
top: 4px;
18+
}
19+
&:hover, &.active{
20+
i{
21+
color: white;
22+
}
23+
}
24+
}
25+
.search-standard-attributes input {
26+
padding: 9px 8px;
27+
border-radius: 4px;
28+
border: $gray-light 1px solid;
29+
&:focus {
30+
outline: transparent;
31+
box-shadow: 4px 4px 12px rgba(0,0,0,0.3);
32+
border: 1px solid transparent;
33+
}
34+
}
35+
}
36+
}

‎assets/styles/style.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@ $baseImgURL: '{{.Site.Params.img_url}}';
3636
@import "pages/404";
3737
@import "pages/home";
3838
@import "pages/glossary";
39+
@import "pages/standard-attributes";
3940
@import "pages/reference";
4041

4142
// Components

‎assets/styles/vendor/_bootstrap-modules.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,4 @@
2121
@import '../../../node_modules/bootstrap/scss/list-group';
2222
@import '../../../node_modules/bootstrap/scss/close';
2323
@import '../../../node_modules/bootstrap/scss/modal';
24+
@import '../../../node_modules/bootstrap/scss/tooltip';

0 commit comments

Comments
 (0)