Skip to content
Snippets Groups Projects
Commit 45711477 authored by Olimpia Magliulo's avatar Olimpia Magliulo
Browse files

Match selectize with purecss style

parent cfa2875f
No related branches found
No related tags found
No related merge requests found
...@@ -11,14 +11,14 @@ ...@@ -11,14 +11,14 @@
</div> </div>
<br> <br>
<div class="center"> <div class="center">
<div class="pure-button-group overflow" role="group"> <div class="pure-button-group" role="group">
<label class="pure-button"><i class="fa fa-folder-open"> </i> Select a file... <label class="pure-button"><span class="fa fa-folder-open"> </span>Select a file...
<input type="file" name="xmlfile" class="hidden" multiple> <input type="file" name="xmlfile" class="hidden" multiple>
</label> </label>
<label id="show-file" class="pure-button show-files" disabled>No file selected.</label> <label id="show-file" class="pure-button show-files" disabled>No file selected.</label>
</div> </div>
<br> <br>
<button class="pure-button pure-input-1-3">{{ 'Parse'|trans }}</button> <button class="pure-button pure-button-primary pure-input-1-3">{{ 'Parse'|trans }}</button>
</div> </div>
</form> </form>
......
...@@ -65,6 +65,11 @@ a:hover{ ...@@ -65,6 +65,11 @@ a:hover{
.overflow { .overflow {
overflow: hidden; overflow: hidden;
} }
.pure-button-primary,
a.pure-button-primary {
background-color: rgb(219, 1, 0);
color: #fff;
}
/* *********************************************************** /* ***********************************************************
HEADER HEADER
...@@ -255,7 +260,9 @@ input[type="file"]{ ...@@ -255,7 +260,9 @@ input[type="file"]{
} }
/* SELECTIZE */ /* SELECTIZE */
.selectize-input, .selectize-dropdown, .selectize-input.dropdown-active{ .selectize-input,
.selectize-dropdown,
.selectize-input.dropdown-active{
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
...@@ -270,12 +277,28 @@ div .item{ ...@@ -270,12 +277,28 @@ div .item{
text-align: left; text-align: left;
} }
.selectize-control.single .selectize-input, .selectize-dropdown.single {
background-color: white;
background-image: none;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
box-sizing: border-box;
font-size: inherit;
padding: 0.5em 0.6em;
display: inline-block;
vertical-align: middle;
}
/* *********************************************************** /* ***********************************************************
IMAGES IMAGES
************************************************************ */ ************************************************************ */
.fa { .fa {
font-family: FontAwesome !important; font-family: FontAwesome !important;
} }
.fa-folder-open{
padding: 0 0.5em;
}
#clipboard-btn{ #clipboard-btn{
margin-right: 0.5em; margin-right: 0.5em;
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment