Add styles for input and textarea form-elements

- added styles for input and textarea form-elements to the styleguide
pull/1722/head
Christoph Zierz - zzmedia 10 years ago
parent 92c386afbe
commit 6bb18efb7d
  1. 18
      app/assets/stylesheets/content/_form_elements_input_textarea.md
  2. 34
      app/assets/stylesheets/content/_form_elements_input_textarea.sass
  3. 1
      app/assets/stylesheets/default.css.sass
  4. 1
      app/assets/stylesheets/default_simple.css.sass

@ -0,0 +1,18 @@
# [Form elements] - Input, Textarea
```
<div id="work-packages-index">
<input class="wide"></input>
<br /><br />
<input class="small"></input>
<br /><br / >
<textarea rows="4"></textarea>
<br /><br />
<input placeholder="with placeholder text"></input>
<br /><br />
<textarea rows="4" placeholder="with placeholder text"></textarea>
</div>
```

@ -0,0 +1,34 @@
/* Please use these styles for future purposes! The idea is to use these as global styles for form elements, after we finalised the work-packages view. The width of the elements may vary in different views */
#work-packages-index
input
border: 1px solid #cacaca
background: #ffffff
border-radius: 2px
padding: 8px
font-family: $font_family_normal
font-size: $global_font_size
box-sizing: border-box
&:hover
border: 1px solid #aaaaaa
&:focus
box-shadow: 1px 1px 1px #dddddd inset
.wide
width: 180px
.small
width: 90px
.form-textarea
margin: 0 0 10px 0
textarea
border: 1px solid #cacaca
background: #ffffff
border-radius: 2px
padding: 8px
font-family: $font_family_normal
font-size: $global_font_size
width: 100%
box-sizing: border-box
&:hover
border: 1px solid #aaaaaa
&:focus
box-shadow: 1px 1px 1px #dddddd inset

@ -43,6 +43,7 @@
@import layout/all
@import content/accounts
@import content/forms
@import content/form_elements_input_textarea
@import content/flash_messages
@import content/calendar
@import content/wiki

@ -47,6 +47,7 @@
@import content/accounts
@import content/forms
@import content/form_elements_input_textarea
@import content/flash_messages
@import content/calendar
@import content/wiki

Loading…
Cancel
Save