Frontend CSS Article Editing is unusable
2 years 2 months ago #67711
by Mike85
Replied by Mike85 on topic Frontend CSS Article Editing is unusable
It looks a bit better, but don't forget to click on the "CMS Content" options and the "Toggle Editor" option. 
That Front-end Editor is really upside down on a dark template. :silly:

That Front-end Editor is really upside down on a dark template. :silly:
Please Log in or Create an account to join the conversation.
2 years 2 months ago #67725
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Frontend CSS Article Editing is unusable
please replace the code with this one
let me know
Code:
body.contentpane,
#adminForm {
background: #fff;
color: #333;
font-family: Arial;
font-size: 13px;
text-shadow: none;
}
body.contentpane,
#adminForm,
body.contentpane h1,
body.contentpane h2,
body.contentpane h3,
#adminForm,
#adminForm h1,
#adminForm h2,
#adminForm h3 {
background: #fff;
color: #333;
font-family: Arial;
text-shadow: none;
}
#adminForm fieldset,
body.contentpane fieldset {
margin-bottom: 2em;
}
.modal-title {
background: #fff;
color: #333;
font-family: Arial;
color: #000;
text-shadow: none;
}
#adminForm .js-stools-container-bar .ordering-select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#adminForm .btn,
body.contentpane .btn {
background: #eaedf0;
padding: 8px 15px;
border: solid 1px #ced4da;
border-radius: 0;
color: #333;
text-shadow: none;
}
#adminForm .btn:hover,
body.contentpane .btn:hover {
background: #e0e0e0;
padding: 8px 15px;
border: solid 1px #ced4da;
border-radius: 0;
}
#adminForm .btn-success, #adminForm button.btn.btn-success,
body.contentpane .btn-success, body.contentpane button.btn.btn-success {
color: white;
background-color: #448344;
border-color: #448344;
}
#adminForm .btn-success:hover, #adminForm button.btn.btn-success:hover,
body.contentpane .btn-success:hover, body.contentpane button.btn.btn-success:hover {
color: white;
background-color: #3a6f3a;
border-color: #366936;
}
#adminForm .choices__button_joomla,
body.contentpane .choices__button_joomla {
background: #ededed;
color: #000;
text-shadow: none;
padding: 2px 8px;
border-radius: 6px;
}
#adminForm .choices__button_joomla,
body.contentpane .choices__button_joomla {
background: #ccc;
color: #000;
text-shadow: none;
padding: 2px 8px;
border-radius: 6px;
}
#adminForm .js-stools-field-list + .js-stools-field-list {
-webkit-margin-start: 8px;
margin-inline-start: 8px;
}
#adminForm .js-stools-container-bar .btn-toolbar > * {
-webkit-margin-end: 8px;
margin: 4px 0;
margin-inline-end: 8px;
}
#adminForm .filter-search-bar__description {
bottom: auto;
top: 100%;
}
#adminForm .js-stools-container-filters {
display: none;
margin-bottom: 20px;
padding: 0 20px;
}
#adminForm .js-stools-container-filters-visible {
grid-gap: 8px;
background-color: #fff;
display: grid;
grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
padding: 10px;
}
#adminForm table {
background: #fff;
color: #000;
}
#adminForm a,
body.contentpane a {
color: rgb(34, 79, 170);
}
#adminForm a:hover,
body.contentpane a:hover {
color: rgb(66, 64, 119)
}
#adminForm input[type="text"], #adminForm input[type="text"]:focus,
body.com_media input[type="text"], body.com_media input[type="text"]:focus,
body.contentpane input[type="text"], body.contentpane input[type="text"]:focus,
#adminForm textarea, #adminForm textarea:focus,
#adminForm option, #adminForm select:focus option {
background: #fff;
padding: 12px;
min-height: 50px;
color: #000;
}
#adminForm input[type="text"]:focus,
body.com_media input[type="text"]:focus {
border: 1px solid #000;
}
select.time {
background: #fff;
box-shadow: none;
border: 1px solid #aaa;
}
let me know
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
2 years 2 months ago - 2 years 2 months ago #67728
by Mike85
Replied by Mike85 on topic Frontend CSS Article Editing is unusable
Looks a lot better. Only the dropdown box "CMS Content" -> Article" needs a bit of CSS tweaking.
I also noticed that the editor.css is importing the "template.css" and "custom.css" file but the Background Color and Text Color and Fonts are not being applied from the Template.
I also noticed that the editor.css is importing the "template.css" and "custom.css" file but the Background Color and Text Color and Fonts are not being applied from the Template.
Last edit: 2 years 2 months ago by Mike85.
Please Log in or Create an account to join the conversation.
2 years 2 months ago #67729
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Frontend CSS Article Editing is unusable
thanks for the feedback
I have tested the CMS content >> article and it works for me
can you please send me a screnshot ? also check that you disabled your previous custom css ... they can cause some conflicts
I have tested the CMS content >> article and it works for me
can you please send me a screnshot ? also check that you disabled your previous custom css ... they can cause some conflicts
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
2 years 2 months ago #67730
by Mike85
Replied by Mike85 on topic Frontend CSS Article Editing is unusable
The drop down box is using the dark style from the Template. That would be okay if everything would be mirrored from the dark Templated.

Please Log in or Create an account to join the conversation.
2 years 2 months ago #67737
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Frontend CSS Article Editing is unusable
I think that this is a conflict with your other custom css
by my side I don't have this
Please give me the url of the page with an editing access, so that I can check
by my side I don't have this
Please give me the url of the page with an editing access, so that I can check
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.222 seconds