Layout of other dialogs are broken

Open sama55 opened this issue 11 years ago • 1 comments

Layout of other dialog (e.g. image, link, etc) are broken. CSS for PBCK dialog seems to affect CSS of other dialog.

Examples of conflict style: .cke_dialog_ui_labeled_content .cke_dialog_ui_input_select select

My environment: CKEditor: V4.3.3 Skin: Moono Browser: Google Chrome V37

Is there any solution?

Sep 27 '14 01:09 sama55

I found solution.

plugins/pbckcode/dialogs/style.css

/* +++ Comment out [start] +++ .cke_dialog_ui_labeled_content { display : inline-block; vertical-align : middle; margin-left : 6px; } .cke_dialog_ui_input_select select { background-color : white !important; border : 1px solid #ccc !important; border-radius : 4px !important; color : #555 !important; display : inline-block; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size : 12px !important; height : auto !important; margin-bottom : 0 !important; padding : 0 !important; vertical-align : middle !important; width : 110px !important; } +++ Comment out [end] +++ */

plugins/pbckcode/dialogs/pbckcode.js (L96)

// Change top position of code input area (80 > 100) // style : 'position: absolute; top: 80px; left: 10px; right: 10px; bottom: 50px;', style : 'position: absolute; top: 100px; left: 10px; right: 10px; bottom: 50px;',

Sep 27 '14 01:09 sama55