Skip to content

Commit 3ca1775

Browse files
amarantha-kamarantha-k
authored
Merge pull request #38 from couchbase/ui-bug-fixes
video thumbnail & Top level page lagging UI fixes
2 parents b2ba80d + caf26d5 commit 3ca1775

17 files changed

+131
-80
lines changed

‎src/css/clipboard.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,6 @@ a.copy-code-button:hover {
121121
}
122122

123123
.doc .listingblock pre .fade-shadow {
124-
content: "";
125124
display: inline-block;
126125
background:
127126
transparent
@@ -136,7 +135,7 @@ a.copy-code-button:hover {
136135
width: 65px;
137136
height: 80%;
138137
position: absolute;
139-
right: 2px;
138+
right: 1px;
140139
top: 0;
141140
}
142141

@@ -147,16 +146,17 @@ a.copy-code-button:hover {
147146
}
148147
}
149148

150-
code.language-console.hljs.shell {
149+
code.language-console.hljs.shell,
150+
pre code.language-bash.hljs {
151151
white-space: nowrap;
152152
overflow-x: auto;
153153
}
154154

155-
code.language-console.hljs.shell::-webkit-scrollbar {
155+
code::-webkit-scrollbar {
156156
width: 0.25rem;
157157
height: 5px;
158158
}
159159

160-
code.language-console.hljs.shell::-webkit-scrollbar-thumb {
160+
code::-webkit-scrollbar-thumb {
161161
background-color: var(--color-border);
162162
}

‎src/css/component-frame.css‎

Lines changed: 31 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -8,35 +8,25 @@
88
}
99

1010
.frame-body {
11-
margin-left: 10px;
11+
margin-left: var(--base-extra-small-space);
1212
position: relative;
1313
}
1414

1515
.frame-body .title {
1616
margin: 0;
17-
font-size: 1.125rem;
17+
font-size: var(--font-medium);
1818
line-height: 1.5rem;
1919
font-weight: var(--weight-semibold);
2020
color: var(--color-brand-gray1);
21+
display: inline-block;
2122
}
2223

23-
.frame-body .frame-link {
24-
position: relative;
24+
.component-frame .frame-link-dropdowns {
25+
display: inline-block;
2526
}
2627

27-
.frame-body .frame-link::after {
28-
width: 0;
29-
height: 0;
30-
border-left: 4px solid transparent;
31-
border-right: 4px solid transparent;
32-
border-top: 8px solid var(--color-brand-gray4);
33-
top: 0;
34-
position: absolute;
35-
content: '';
36-
cursor: pointer;
37-
right: -15px;
38-
bottom: 0;
39-
margin: auto;
28+
.frame-body .frame-link {
29+
position: relative;
4030
}
4131

4232
.frame-body .frame-link-dropdowns:hover .frame-dropdown {
@@ -46,10 +36,19 @@
4636
.frame-dropdown {
4737
position: absolute;
4838
display: none;
49-
left: 0;
50-
top: 45px;
39+
left: 56%;
40+
top: 0;
5141
z-index: 1;
52-
padding: 17px 0 0;
42+
padding: 47px 0 0;
43+
}
44+
45+
.frame-link-dropdowns .frame-link {
46+
color: var(--color-brand-gray1);
47+
font-weight: var(--weight-semibold);
48+
}
49+
50+
.frame-link-dropdowns .frame-link svg {
51+
color: var(--color-brand-black);
5352
}
5453

5554
.frame-dropdown .frame-dropdown-list,
@@ -72,6 +71,18 @@
7271
padding: 8px 0.625rem;
7372
display: inline-block;
7473
width: 100%;
74+
color: var(--color-brand-primary);
75+
font-weight: var(--weight-semibold);
76+
}
77+
78+
.frame-dropdown ul li a:hover,
79+
.frame-dropdown .related li a:hover {
80+
background-color: var(--color-brand-gray7);
81+
}
82+
83+
.frame-link-dropdowns .version {
84+
font-family: "Source Sans Pro", sans-serif;
85+
font-size: var(--font-medium);
7586
}
7687

7788
.frame-dropdown .related {

‎src/css/doc.css‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.doc {
2-
padding: var(--base-space) 0;
2+
padding-top: 1.25rem;
33
}
44

55
.doc p {
@@ -147,6 +147,14 @@
147147
margin-left: -10px;
148148
}
149149

150+
.ulist {
151+
padding-left: var(--base-space);
152+
}
153+
154+
ul ul ul {
155+
list-style: disc;
156+
}
157+
150158
.doc hr {
151159
margin: 1rem 0;
152160
border: 0 solid var(--color-border);
@@ -265,6 +273,7 @@
265273
padding-bottom: var(--base-space);
266274
padding-left: 0;
267275
padding-right: var(--base-space);
276+
border-bottom: 0;
268277
}
269278

270279
.doc .admonitionblock td.content > .title {
@@ -567,7 +576,8 @@
567576
568577
*/
569578

570-
table.tableblock code.language-console.hljs.shell {
579+
table.tableblock code.language-console.hljs.shell,
580+
table.tableblock pre code.language-bash.hljs {
571581
white-space: normal;
572582
}
573583

‎src/css/header.css‎

Lines changed: 27 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
flex-wrap: wrap;
1414
align-items: center;
1515
justify-content: space-between;
16-
padding: 0.75rem var(--width-container-gutter);
16+
padding: 0.5rem var(--width-container-gutter);
1717
}
1818

1919
.navbar-toggler {
@@ -48,18 +48,23 @@
4848
}
4949

5050
.navbar-new-bottom .nav-item {
51-
margin: 0 15px;
51+
margin: 0 var(--base-space);
5252
}
5353

5454
.navbar-nav .nav-link {
5555
color: #ffffffbf;
5656
text-transform: uppercase;
5757
opacity: 1;
5858
font-size: 1.125rem;
59-
line-height: 23px;
59+
line-height: 24px;
6060
font-family: "Source Sans Pro", sans-serif;
6161
}
6262

63+
.navbar-nav .nav-link .arrow {
64+
margin-left: 0.5rem;
65+
display: inline-block;
66+
}
67+
6368
.active .nav-link {
6469
font-weight: var(--weight-semibold);
6570
text-decoration: none;
@@ -78,6 +83,13 @@
7883
align-items: center;
7984
}
8085

86+
.primary-action .btn:hover {
87+
background-color: var(--color-link-hover);
88+
color: var(--color-brand-white);
89+
text-decoration: none;
90+
border-color: var(--color-link-hover);
91+
}
92+
8193
.primary-action > * {
8294
display: inline-block;
8395
}
@@ -89,13 +101,14 @@
89101
.parent-site {
90102
margin: 0 10px;
91103
padding: 0 10px;
92-
border-right: 1px solid var(--color-brand-gray5);
93-
border-left: 1px solid var(--color-brand-gray5);
104+
/* border-right: 1px solid var(--color-brand-gray5);
105+
border-left: 1px solid var(--color-brand-gray5); */
94106
}
95107

96108
.parent-site a {
97109
color: var(--color-brand-gray4);
98110
font-size: 1rem;
111+
font-family: "Source Sans Pro", sans-serif;
99112
}
100113

101114
.search .query {
@@ -190,32 +203,34 @@
190203

191204
.primary-action {
192205
position: absolute;
193-
right: 1.875rem;
194-
top: -110%;
206+
right: 1.25rem;
207+
top: -137%;
195208
}
196209

197210
.navbar.navbar-new-bottom,
198211
.navbar-nav {
199212
display: flex;
213+
line-height: 1;
200214
}
201215

202216
.navbar-new-bottom .nav-item:first-child {
203217
margin-left: 0;
204218
}
205219
}
206220

207-
@media screen and (min-width: 1024px) {
221+
@media screen and (min-width: 993px) {
208222
.search .query {
209223
width: 283px;
210224
}
211225

212226
.parent-site {
213-
margin: 0 20px;
214-
padding: 0 25px;
227+
margin: 0;
228+
padding: 0 var(--column-space);
215229
}
216230

217-
.navbar {
218-
padding: 0.75rem 1.875rem;
231+
.navbar.navbar-new-top {
232+
padding: 1.25rem;
233+
line-height: 1;
219234
}
220235
}
221236

‎src/css/is-this-helpful.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
display: inline-block;
1010
width: 100%;
1111
margin-bottom: 25px;
12-
border-top: 1px solid #ccc;
12+
/* border-top: 1px solid #ccc; */
1313
padding-top: 25px;
1414
font-family: "Source Sans Pro", sans-serif;
1515
}

‎src/css/labels.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -112,10 +112,10 @@
112112
opacity: 1;
113113
}
114114

115-
.doc .labels span:first-child,
115+
/* .doc .labels span:first-child,
116116
.doc .labels li:first-child {
117117
opacity: 1;
118-
}
118+
} */
119119

120120
/* .doc .labels span.edition::before{
121121
color: var(--color-brand-blue-secondary);

‎src/css/landing-page.css‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -146,12 +146,14 @@
146146
}
147147

148148
.doc.landing-page-doc .media-left {
149-
margin-left: 40px;
150-
width: 115px;
149+
padding-left: 40px;
151150
margin-top: 0;
152151
border: 0;
153152
box-shadow: none;
154-
padding: 0;
153+
}
154+
155+
.doc.landing-page-doc .videoblock.media-left {
156+
width: auto;
155157
}
156158

157159
.media-left .icon {
@@ -245,6 +247,7 @@
245247
width: 100%;
246248
height: 315px;
247249
margin-top: 8px;
250+
box-shadow: 0 0 15px -5px #ccc;
248251
}
249252

250253
/* CSS for nav filter */

‎src/css/main.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ main p {
5050
color: var(--color-brand-blue-secondary);
5151
display: flex;
5252
line-height: 1;
53-
margin: var(--base-small-space) 0 var(--base-space);
53+
margin: 1.25rem 0 0;
5454
/* margin: calc(-1 * var(--height-spacer)) calc(-1 * var(--width-container-gutter)) var(--height-spacer); */
5555
padding: var(--base-space);
5656
border-radius: 3px;

‎src/css/nav.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,6 @@
4646
/* height: var(--height-nav); */
4747
z-index: var(--z-index-nav);
4848
border-left: 2px solid #eee;
49-
border-right: 2px solid #eee;
5049
}
5150
}
5251

‎src/css/toc.css‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
}
44

55
.toc-menu {
6-
margin-bottom: 1.5rem;
6+
margin-top: var(--base-large-space);
7+
line-height: 1;
78
}
89

910
.sidebar-box {
@@ -16,6 +17,7 @@
1617
-ms-overflow-style: none;
1718
scrollbar-width: none;
1819
padding-right: var(--base-space);
20+
padding-left: var(--base-space);
1921
}
2022

2123
.sidebar-box::-webkit-scrollbar {
@@ -55,11 +57,10 @@
5557
line-height: 1.2;
5658
}
5759

58-
.toc .toc-menu h3,
60+
/* .toc .toc-menu h3,
5961
.toc .toc-menu ul {
6062
margin-left: 0.75rem;
61-
}
62-
63+
} */
6364
.toc .toc-menu li {
6465
margin: 0;
6566
}

0 commit comments

Comments
 (0)