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

170 lines
3.5 KiB

.inplace-editor
display: inline
font-size: initial
.ined-input-wrapper-inner
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
display: inline
input
width: 90%
margin-bottom: -1px
.ined-read-value
display: inline
&.default
span
font-style: italic
&.editable: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-dashboard
padding-left: 29px
min-height: 42px
width: 502px
.ined-errors
float: right
display: inline-block
line-height: 1.2em
width: 251px
padding: 5px
left: 251px
bottom: -11px
background: white
border: 1px solid #cacaca
min-height: 42px
.ined-controls
float: left
display: inline-block
bottom: 17px
left: 29px
width: 120px
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
textarea
min-height: 200px
width: 100%
margin-bottom: -1px
.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-dashboard
padding-left: 0px
width: 526px
.ined-controls
left: 0px
z-index: 1
.ined-errors
width: 307px
.jstHandle
display: none
.jstElements
display: inline
bottom: -31px
width: 307px
button
display: none
&.btn-preview
float: right
height: 32px
width: auto
display: inline
margin-right: 0
.help
display: inline
float: none
position: relative
top: -4px
left: -12px
a
padding-left: 0
.jstb_strong, .jstb_em, .jstb_ins, .jstb_del, .jstb_ul, .jstb_ol
display: inline
&.type-select2
display: inline-block
width: 344px
.select2-display-none
display: none
.ui-select-choices
max-height: 100px
input[type='text']
width: 100%
.ined-dashboard
padding-left: 0px
width: 345px
.ined-errors
width: 225px
.ined-controls
.ined-edit
height: 175px
.ined-read-value
position: relative
display: block
margin: 3px
&.editable:hover
outline: 1px solid #cacaca
.editing-link-wrapper
position: absolute
right: -13px
top: 1px
width: 30px
.icon-context:before
padding: 0 1px 1px 0