OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/app/assets/stylesheets/content/_in_place_editing.sass

134 lines
2.7 KiB

.inplace-editor
display: inline
div
display: inline
&.busy
opacity: 0.5
.jstElements button
opacity: 0.5
*
cursor: wait!important
&.preview
button, .help
visibility: hidden
.btn-preview
visibility: visible
&.type-wiki_textarea .ined-controls
bottom: -34px
.hidden-but-focusable
position: absolute
left: -10000px
top: auto
width: 1px
height: 1px
overflow: hidden
.visible-on-focus
left: 0
position: inherit
width: auto
height: auto
float: inherit
.editing-link-wrapper
position: absolute
margin-left: 4px
a
@extend .hidden-but-focusable
&:focus
@extend .visible-on-focus
.ined-input-wrapper
input, textarea
width: 370px
textarea
min-height: 200px
.ined-read-value
&.default
span
font-style: italic
&:hover
outline: 1px solid #cacaca
cursor: pointer
.editing-link-wrapper a
@extend .visible-on-focus
form
position: relative
display: inline
.ng-invalid
background: lightpink!important
.ined-errors
position: absolute
font-size: 13px
line-height: 1.2em
width: 251px
padding: 5px
left: 0px
bottom: -49px
background: white
border: 1px solid #cacaca
height: 42px
.ined-controls
position: absolute
bottom: -35px
right: 0px
width: 120px
font-size: 13px
background: white
border: 1px solid #cacaca
text-align: center
a
width: 36px
display: inline-block
text-align: center
text-decoration: none
&:hover
background: #f0f0f0
&.type-wiki_textarea
.ined-input-wrapper-inner
display: block!important
form
display: block
.ined-read-value
display: block
.read-value-wrapper
display: inline-block
width: 400px
.editing-link-wrapper
position: relative
display: inline-block
float: right
.ined-controls
bottom: -11px
.ined-errors
bottom: -31px
width: 307px
.jstElements
bottom: -31px
width: 307px
button
display: none
&.btn-preview
float: right
font-size: 12px
height: 32px
width: auto
display: inline
margin-right: 0
.help
float: none
position: relative
top: -4px
left: -12px
a
padding-left: 0px
.jstb_strong, .jstb_em, .jstb_ins, .jstb_del, .jstb_ul, .jstb_ol
display: inline
&.type-select
.ined-controls
right: auto
left: 0px
bottom: -23px
.ined-errors
bottom: -44px
left: 119px