MDL-69454 core_search: consistent navbar search
[moodle.git] / theme / boost / scss / moodle / search.scss
1 .search-results .result {
2     margin-left: 0;
3     margin-right: 0;
4 }
6 .search-results .result .result-content {
7     margin: 7px 0;
8 }
10 .search-results .result .filename {
11     font-style: italic;
12 }
14 .simplesearchform {
15     .btn {
16         padding-left: 0.5rem;
17         padding-right: 0.5rem;
18     }
19     .btn .icon {
20         margin: 0;
21     }
22     .btn-submit {
23         border-color: $input-border-color;
24         color: $gray-600;
25     }
26     .btn-close,
27     .btn-clear {
28         position: absolute;
29         top: 0;
30         right: 0;
31         color: $gray-600;
32         z-index: 4;
33     }
34     .btn-close {
35         right: 2.2rem;
36     }
37     .btn-submit {
38         background-color: $gray-100;
39     }
40     .withclear {
41         padding-right: 2rem;
42     }
43     .searchinput {
44         display: flex;
45         flex: 1 1 auto;
46     }
47     .collapsing {
48         height: inherit;
49         transition: none;
50         width: inherit;
51     }
52 }
54 @include media-breakpoint-down(md) {
55     .simplesearchform .collapse.show,
56     .simplesearchform .collapsing {
57         position: absolute;
58         left: 0;
59         top: 0;
60         width: 100%;
61         display: flex;
62         background-color: $white;
63         z-index: $zindex-popover;
64         height: $navbar-height;
65         .form-inline {
66             width: auto;
67             margin-left: auto;
68             margin-right: auto;
69         }
70     }
71 }
72 .navbar.navbar-light {
73     .simplesearchform .btn-open {
74         color: $navbar-light-color;
75         &:hover {
76             color: $navbar-light-hover-color;
77         }
78     }
79 }
81 .search-areas-actions {
82     margin-bottom: $spacer;
83 }
85 .search-areas-actions > div {
86     margin-right: $spacer;
87     display: inline-block;
88 }
90 #core-search-areas .lastcol li {
91     margin-left: 24px;
92     text-indent: -24px;
93 }
94 #core-search-areas .lastcol li > i {
95     text-indent: 0;
96 }