X-Git-Url: http://git.inspyration.org/?a=blobdiff_plain;f=addons%2Fwebsite%2Fstatic%2Fsrc%2Fcss%2Feditor.css;h=a808b9bab350133b0b01ebc2e343cbdaa01ba8d5;hb=8d3db3a13f8c03348c92f5f2e166668450aa3996;hp=a30feca9fbaefe7d9b20bdf0e1ef08cfa6332b4b;hpb=20b391d6c812cb161d34056ef6255579ffef6119;p=odoo%2Fodoo.git diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css index a30feca..a808b9b 100644 --- a/addons/website/static/src/css/editor.css +++ b/addons/website/static/src/css/editor.css @@ -107,6 +107,31 @@ table.editorbar-panel td.selected { background-color: #b1c9d9; } +.oe_translate_examples li { + margin: 10px; + padding: 4px; +} + +.oe_translatable_text { + outline: 1px solid black; +} + +.oe_translatable_field { + outline: 1px dashed black; +} + +.oe_translatable_text.oe_dirty, .oe_translatable_field.oe_dirty { + outline-color: red; +} + +.oe_translatable_text.oe_dirty:empty { + padding: 0 10px; +} + +.oe_translatable_todo { + background: #ffffb6; +} + /* ---- RTE ---- */ .oe_editable .btn { -webkit-user-select: auto; @@ -116,39 +141,23 @@ table.editorbar-panel td.selected { user-select: auto; } -.modal .existing-attachments a.thumbnail { - position: relative; +.modal-dialog.select-image { + width: 80%; } -.modal .existing-attachments a.thumbnail.selected:before { - text-decoration: none; - font-size: 150%; - background-color: rgba(0, 0, 0, 0.3); - color: #21dc0f; - content: "✔"; - height: 2em; - width: 2em; - text-align: center; - padding: 5px; - border-radius: 4px 0; - position: absolute; - top: 0; - left: 0; + +.modal .existing-attachments .pager { + margin: 0; } .modal .image-preview { margin-bottom: 0.5em; } -/* ---- SNIPPET EDITOR ---- */ -#oe_droperror .modal-header { - border-bottom: 0; -} -#oe_droperror .modal-footer { - border-top: 0; - margin: 0; - padding: 0; +.cke_widget_drag_handler_container { + display: none !important; } +/* ---- SNIPPET EDITOR ---- */ #oe_snippets { position: fixed; left: 0px; @@ -255,13 +264,14 @@ table.editorbar-panel td.selected { display: block; height: 48px; margin: 0px; - margin-bottom: -48px; + margin-top: -4px; + margin-bottom: -44px; -webkit-transition: margin 250ms linear; width: 100%; position: absolute; z-index: 1000; } -.oe_drop_zone.oe_insert:before { +.oe_drop_zone.oe_insert:not(.oe_vertical):before { content: ""; display: block; border-top: dashed 2px rgba(209, 178, 255, 0.72); @@ -272,53 +282,46 @@ table.editorbar-panel td.selected { border-top: dashed 2px rgba(116, 255, 161, 0.72); } .oe_drop_zone.oe_insert.oe_vertical { - width: 16px; - display: inline-block; - position: absolute; - margin: 0px !important; + width: 48px; + float: left; + position: relative; + margin: 0px -24px !important; } .oe_drop_zone.oe_insert.oe_overlay { background: rgba(153, 0, 255, 0.17); border-radius: 3px; } -.oe_drop_zone { +.oe_drop_zone, .oe_drop_zone_style { background: rgba(153, 0, 255, 0.17); border-radius: 3px; } -.oe_drop_zone.oe_hover { +.oe_drop_zone.oe_hover, .oe_drop_zone_style.oe_hover { background: rgba(0, 255, 133, 0.22); z-index: 1001; } +.oe_drop_zone_style { + color: white; + height: 48px; + margin-bottom: 32px; +} + /* ---- SNIPPET MANIPULATOR ---- */ .oe_overlay { - display: block; + display: none; position: absolute; background: transparent; border-radius: 3px; - opacity: 0; transition: opacity 100ms linear; box-sizing: border-box; pointer-events: none; } -.oe_overlay.oe_hover { - opacity: 1; - cursor: pointer; -} -.oe_overlay.oe_selected, .oe_overlay.oe_active { - opacity: 1; +.oe_overlay.oe_active { + display: block; border-style: dashed; border-width: 1px; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset; -} -.oe_overlay.oe_selected { - border-color: rgba(0, 153, 255, 0.5); -} -.oe_overlay .oe_handle { - display: none !important; -} -.oe_overlay.oe_active { border-color: rgba(153, 0, 255, 0.5); } .oe_overlay.oe_active .oe_handle { @@ -366,39 +369,22 @@ table.editorbar-panel td.selected { width: 100%; text-align: center; top: -11px; - display: none; z-index: 1002; } -.oe_overlay .oe_overlay_options > div { - display: inline-block; -} -.oe_overlay .oe_overlay_options .btn { - display: inline-block; - pointer-events: auto; -} -.oe_overlay .oe_overlay_options a { +.oe_overlay .oe_overlay_options .btn, .oe_overlay .oe_overlay_options a { pointer-events: auto; cursor: pointer; } +.oe_overlay .oe_overlay_options .dropdown { + display: inline-block; +} .oe_overlay .oe_overlay_options .dropdown-menu { text-align: left; min-width: 180px; } -.oe_overlay .oe_overlay_options .oe_label { - position: absolute; - top: 3px; - right: 6px; - background: white; - font-size: 75%; - color: rgba(153, 0, 255, 0.5); - padding: 0 5px; -} .oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input { display: block; } -.oe_overlay.oe_active .oe_overlay_options { - display: block; -} .oe_handle { pointer-events: auto; @@ -519,6 +505,22 @@ table.editorbar-panel td.selected { .oe_seo_configuration .oe_seo_suggestion { cursor: pointer; } +.oe_seo_configuration .oe_seo_keyword { + padding: 0.2em 0.4em 0.2em 0.5em; + border-radius: 0.4em; +} +.oe_seo_configuration .keyword-in-title { + background-color: #5cb85c; + color: white; +} +.oe_seo_configuration .keyword-in-description { + background-color: #428bca; + color: white; +} +.oe_seo_configuration .keyword-in-body { + background-color: #5bc0de; + color: white; +} /* ---- ACE EDITOR ---- */ .oe_ace_view_editor { @@ -544,10 +546,16 @@ table.editorbar-panel td.selected { .oe_ace_view_editor .oe_ace_view_editor_title .oe_view_list { width: 50%; height: 32px; + font-size: 14px; + font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace; + line-height: normal; } .oe_ace_view_editor .oe_ace_view_editor_title .btn { height: 32px; padding: 0 4px 0 4px; + font-size: 14px; + font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace; + line-height: normal; } .oe_ace_view_editor .ace_editor { position: absolute;