mirror of
https://github.com/e107inc/e107.git
synced 2025-08-12 01:25:01 +02:00
Improved the front-end inline editing feature. Now has Save and Cancel buttons.
This commit is contained in:
@@ -325,10 +325,44 @@ optgroup.level-5 { padding-left:4em }
|
||||
|
||||
/* Emoticons */
|
||||
img.e-emoticon { vertical-align:middle; border:0; width:24px }
|
||||
/*
|
||||
|
||||
.e-editable-front:hover { background-color:#FCF8E3 }
|
||||
.e-editable-front a:hover { background-color:#FCF8E3 }
|
||||
|
||||
.e-editable-front:hover:after { content: "\f044"; z-index:10000; position:relative; top:0; right:-5px; margin-right:4px; padding-right:5px; font-family:'FontAwesome'; font-size:0.8em }
|
||||
*/
|
||||
|
||||
.e-editable-front { position:relative }
|
||||
|
||||
.e-editable-front:hover,
|
||||
.e-editable-front a:hover { outline: 1px dashed red; }
|
||||
|
||||
.e-editable-front.active { -moz-box-shadow: inset 0 0 5px 2px #888;
|
||||
-webkit-box-shadow: inset 0 0 5px 2px#888;
|
||||
box-shadow: inset 0 0 5px 2px #888; }
|
||||
|
||||
#e-editable-front-controls { position: absolute;
|
||||
top: 0px;
|
||||
font-size: 20px;
|
||||
right: -35px;
|
||||
background-color: #424242;
|
||||
border-radius:4px;
|
||||
padding:5px;
|
||||
cursor: pointer;
|
||||
width:35px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#e-editable-front-controls .fa-check { color: lawngreen }
|
||||
.e-editable-front-save { color: lawngreen; width:35px; display:block; }
|
||||
|
||||
.e-editable-front-cancel {
|
||||
display:block;
|
||||
margin-top:5px;
|
||||
color: red;
|
||||
width:35px;
|
||||
}
|
||||
|
||||
|
||||
#uiAlert { z-index: 10001 }
|
||||
|
Reference in New Issue
Block a user