search

prbaron / pbckcode

A CKEditor plugin to easily add code into your article
Apache License 2.0
44 stars 26 forks source link

Layout of other dialogs are broken #33

Open sama55 opened 10 years ago

sama55 commented 10 years ago

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?

sama55 commented 10 years ago

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;',