Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

Collaborate on reproducible science, anywhere - HBP Wiki

IAM21 instance, do not create collab nor modify a team, your changes will be lost


Last modified by bougault on 2023/01/26 14:38
From version 83.4
edited by bougault
on 2021/01/20 13:26
Change comment: There is no comment for this version
To version 85.9
edited by bougault
on 2021/01/20 15:54
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -18,17 +18,19 @@
18 18   </div>
19 19   <div class="container-fluid search__row">
20 20   <div class="container">
21 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
22 - <div class="col-md-5 col-md-offset-3">
23 - <div class="form-input">
24 - <input type="text" class="form-control" name="text" placeholder="Search word in all wiki pages">
25 - <i class="glyphicon glyphicon-search"></i>
21 + <div class="col-sm-12 col-md-6 col-md-offset-3">
22 + <form role="search" action="/bin/view/Main/Search" method="GET">
23 + <div class="input-group">
24 + <input type="search" name="text" class="form-control input-lg" title="Search word in all wiki pages" placeholder="Search word in all wiki pages">
25 + <span class="input-group-btn">
26 + <button type="submit" class="btn btn-primary input-lg">
27 + <span class="fa fa-search"></span>
28 + <span class="sr-only">Search</span>
29 + </button>
30 + </span>
26 26   </div>
27 - </div>
28 - <div class="col-md-1">
29 - <button class="btn clb-btn-default" type="submit">Search</button>
30 - </div>
31 - </form>
32 + </form>
33 + </div>
32 32   </div>
33 33   </div>
34 34  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -18,66 +18,9 @@
18 18   padding-left:0;
19 19   padding-right:0;
20 20   min-height:300px;
21 -
22 - .clb-search-bar{
23 - display:flex;
24 - align-items:stretch;
25 - position:relative
21 + .search__row input[type="search"] {
22 + font-size: 16px;
26 26   }
27 - .clb-search-bar div{
28 - flex:1;
29 - margin:2px 10px 2px 0
30 - }
31 - .clb-search-bar input[type=text]{
32 - width:100%;
33 - padding:1.5rem;
34 - padding-left:2.5rem;
35 - border-radius: @border-radius-default;
36 - background-color: @color-white;
37 - box-shadow:none
38 - }
39 - .clb-search-bar input[type=text]:focus{
40 - border-color: @color-brand-primary;
41 - background-color:@color-white;
42 - box-shadow:none
43 - }
44 - .clb-search-bar i{
45 - position:absolute;
46 - margin-top:-.5rem;
47 - color: @color-gray-200;
48 - top:50%;
49 - left:1em
50 - }
51 - .clb-search-bar input[type=text]:focus~i{
52 - color: @color-brand-primary;
53 - }
54 - /*
55 - @media screen and (min-width:992px){
56 - .teasing .row{
57 - display:flex
58 - }
59 - .teasing .row>[class*=col-]{
60 - display:flex;
61 - flex-direction:column
62 - }
63 - .clb-actions{
64 - padding-bottom:5rem
65 - }
66 - .clb-actions .clb-box{
67 - margin-bottom:0
68 - }
69 - .clb-actions .container,
70 - .clb-actions .container>.row{
71 - display:flex
72 - }
73 - .clb-actions .clb-box-container,
74 - .clb-actions .clb-box-container a,
75 - .clb-actions .container>.row>[class*=col-]>.row{
76 - height:100%;
77 - display:block
78 - }
79 - }
80 - */
81 81  }
82 82  
83 83  .clb-box{