Skip to content

Commit 5ba02ae

Browse files
committed
reducing the horizontal paddings to 12px; making search icon smaller
1 parent 0c39e75 commit 5ba02ae

4 files changed

Lines changed: 87 additions & 87 deletions

File tree

plugins/CoreHome/stylesheets/layout.less

Lines changed: 59 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ nav {
125125

126126
#root {
127127
.pageWrap {
128-
width: 100%;
128+
width: calc(~'100% - 18px'); // 100% - pageWrap margin
129129
height: fit-content;
130130
padding-left: 9px;
131131
padding-right: 9px;
@@ -142,11 +142,17 @@ nav {
142142
min-width: 0;
143143
}
144144

145-
.pageWrap {
146-
width: calc(~'100% - 18px'); // 100% - pageWrap margin
147-
}
148-
149145
.top_controls {
146+
min-height: 51px;
147+
position: relative;
148+
background-color: @theme-color-background-base;
149+
height: auto;
150+
margin-bottom: 8px;
151+
margin-top: 8px;
152+
visibility: hidden;
153+
opacity: 0;
154+
padding-left: 18px;
155+
150156
.icon-arrowup:before, .icon-arrowdown:before {
151157
padding: 17px 0 0 0;
152158
display: inline-block;
@@ -156,6 +162,51 @@ nav {
156162
display: none;
157163
}
158164
}
165+
166+
@media all and (max-width: 600px) {
167+
height: auto;
168+
padding-left: 0;
169+
170+
.piwikTopControl {
171+
position: static !important;
172+
float: none;
173+
margin: 0 23px 10px 17px !important;
174+
display: block !important;
175+
}
176+
177+
.piwikSelector {
178+
> a.title {
179+
max-width: none;
180+
}
181+
182+
display: block;
183+
}
184+
}
185+
186+
.quickAccessPlaceholder {
187+
width: 0;
188+
visibility: hidden;
189+
display: inline-block;
190+
position: relative;
191+
margin-right: -1px;
192+
}
193+
194+
.piwikTopControl {
195+
display: inline-block;
196+
float: none;
197+
position: relative;
198+
margin-right: 14px;
199+
margin-top: 10px;
200+
margin-bottom: 10px;
201+
vertical-align: top;
202+
font-size: 11px;
203+
}
204+
205+
@media print {
206+
.quick-access {
207+
display: none !important;
208+
}
209+
}
159210
}
160211

161212
@media only screen and (min-width: 993px) {
@@ -168,7 +219,7 @@ nav {
168219
flex: 0 0 224px;
169220
background-color: @theme-color-menu-contrast-background;
170221
box-shadow: none !important;
171-
padding: 16px 16px;
222+
padding: 16px 12px;
172223
}
173224

174225
.layoutWithSidebarContent {
@@ -210,26 +261,6 @@ nav {
210261
}
211262
}
212263

213-
@media all and (max-width: 600px) {
214-
.top_controls {
215-
height: auto;
216-
217-
.piwikTopControl {
218-
position: static !important;
219-
float: none;
220-
margin: 0 23px 10px 17px !important;
221-
display: block !important;
222-
}
223-
224-
.piwikSelector {
225-
> a.title {
226-
max-width: none;
227-
}
228-
229-
display: block;
230-
}
231-
}
232-
}
233264
#ajaxLoadingDiv {
234265
margin-bottom: 10px;
235266
}
@@ -345,7 +376,7 @@ nav {
345376
width: 98%;
346377
border-radius: 8px;
347378
}
348-
&:hover {
379+
&:hover, &.active {
349380
background-color: @theme-color-background-base;
350381
border-radius: 8px;
351382
}
@@ -464,29 +495,6 @@ nav {
464495
padding: 0;
465496
}
466497
}
467-
.top_controls {
468-
visibility: hidden;
469-
opacity: 0;
470-
padding-left: 18px;
471-
472-
.quickAccessPlaceholder {
473-
width: 0;
474-
visibility: hidden;
475-
display: inline-block;
476-
position: relative;
477-
margin-right: -1px;
478-
}
479-
@media screen and (max-width: 600px){
480-
visibility: hidden;
481-
opacity: 0;
482-
padding-left: 0;
483-
}
484-
485-
.piwikTopControl {
486-
margin-top: 10px;
487-
margin-bottom: 10px;
488-
}
489-
}
490498
}
491499

492500
.badge-menu-item-container {
@@ -519,7 +527,7 @@ nav {
519527
margin-left: 10px;
520528
}
521529

522-
#root, #standalone {
530+
#standalone {
523531
.top_controls {
524532
min-height: 51px;
525533
position: relative;
@@ -582,12 +590,6 @@ nav {
582590
.layoutWithSidebar--hasSidebar .page > .pageWrap {
583591
width: calc(~'100% - 18px') !important; // 100% - pageWrap margin
584592
}
585-
586-
.top_controls{
587-
.quick-access {
588-
display: none !important;
589-
}
590-
}
591593
}
592594
#content.home,
593595
#content.admin {

plugins/CoreHome/vue/dist/CoreHome.umd.js

Lines changed: 25 additions & 25 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

plugins/CoreHome/vue/dist/CoreHome.umd.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

plugins/CoreHome/vue/src/QuickAccess/QuickAccess.less

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
box-shadow: none !important;
44
border: 1px solid @theme-color-background-lowContrast !important;
55
border-radius: 8px !important;
6-
width: 192px;
76

87
&:hover,
98
&.expanded,
@@ -26,8 +25,8 @@
2625

2726
.icon-search {
2827
position: absolute;
29-
font-size: 18px;
30-
top: 10px;
28+
font-size: 14px;
29+
top: 13px;
3130
left: 12px;
3231
color: @theme-color-border;
3332

@@ -48,7 +47,6 @@
4847
}
4948
}
5049
.quickAccessInside .quickAccessDropdown.dropdown {
51-
width: 192px;
5250
padding: 8px;
5351
border-radius: 8px;
5452
margin-top: 5px;

0 commit comments

Comments
 (0)