library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix level and card

Browse Source
This commit is contained in:
Jeremy Thomas 2017-03-13 12:33:34 +00:00
parent b93c3789b6
commit e48e671eb7
4 changed files with 40 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/css/bulma-docs.css
View File

@ -1863,14 +1863,6 @@ input[type="submit"].button {
margin-right: -1px; margin-right: -1px;
} }
.field.has-addons .control:hover {
z-index: 2;
}
.field.has-addons .control:focus, .field.has-addons .control:active {
z-index: 3;
}
.field.has-addons .control:first-child .button, .field.has-addons .control:first-child .button,
.field.has-addons .control:first-child .input, .field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .select select { .field.has-addons .control:first-child .select select {
@ -1891,6 +1883,20 @@ input[type="submit"].button {
border-radius: 0; border-radius: 0;
} }
.field.has-addons .control .button:hover,
.field.has-addons .control .input:hover,
.field.has-addons .control .select select:hover {
z-index: 2;
}
.field.has-addons .control .button:focus, .field.has-addons .control .button:active,
.field.has-addons .control .input:focus,
.field.has-addons .control .input:active,
.field.has-addons .control .select select:focus,
.field.has-addons .control .select select:active {
z-index: 3;
}
.field.has-addons .control.is-expanded { .field.has-addons .control.is-expanded {
flex-grow: 1; flex-grow: 1;
flex-shrink: 0; flex-shrink: 0;

2
docs/documentation/components/card.html
View File

@ -23,7 +23,7 @@ doc-subtab: card
<div class="card-content"> <div class="card-content">
<div class="media"> <div class="media">
<div class="media-left"> <div class="media-left">
<figure class="image" style="height: 40px; width: 40px;"> <figure class="image is-48x48">
<img src="{{site.url}}/images/placeholders/96x96.png" alt="Image"> <img src="{{site.url}}/images/placeholders/96x96.png" alt="Image">
</figure> </figure>
</div> </div>

32
docs/documentation/components/level.html
View File

@ -41,12 +41,16 @@ doc-subtab: level
</p> </p>
</div> </div>
<div class="level-item"> <div class="level-item">
<p class="control has-addons"> <div class="field has-addons">
<input class="input" type="text" placeholder="Find a post"> <p class="control">
<button class="button"> <input class="input" type="text" placeholder="Find a post">
Search </p>
</button> <p class="control">
</p> <button class="button">
Search
</button>
</p>
</div>
</div> </div>
</div> </div>
<div class="level-right structure-item" title="level-right"> <div class="level-right structure-item" title="level-right">
@ -82,12 +86,16 @@ doc-subtab: level
</p> </p>
</div> </div>
<div class="level-item"> <div class="level-item">
<p class="control has-addons"> <div class="field has-addons">
<input class="input" type="text" placeholder="Find a post"> <p class="control">
<button class="button"> <input class="input" type="text" placeholder="Find a post">
Search </p>
</button> <p class="control">
</p> <button class="button">
Search
</button>
</p>
</div>
</div> </div>
</div> </div>

25
sass/elements/form.sass
View File

@ -172,11 +172,6 @@ $input-radius: $radius !default
justify-content: flex-start justify-content: flex-start
.control .control
margin-right: -1px margin-right: -1px
&:hover
z-index: 2
&:focus,
&:active
z-index: 3
&:first-child &:first-child
.button, .button,
.input, .input,
@ -193,24 +188,14 @@ $input-radius: $radius !default
.input, .input,
.select select .select select
border-radius: 0 border-radius: 0
&:hover
z-index: 2
&:focus,
&:active
z-index: 3
&.is-expanded &.is-expanded
flex-grow: 1 flex-grow: 1
flex-shrink: 0 flex-shrink: 0
// width: auto
// .control:first-child &
// border-radius: $input-radius 0 0 $input-radius
// select
// border-radius: $input-radius 0 0 $input-radius
// .control:last-child &
// border-radius: 0 $input-radius $input-radius 0
// select
// border-radius: 0 $input-radius $input-radius 0
// .select select
// &:hover
// z-index: 2
// &:focus,
// &:active
// z-index: 3
&.has-addons-centered &.has-addons-centered
justify-content: center justify-content: center
&.has-addons-right &.has-addons-right