refactoring

content/createArticle.php

@@ -5,7 +5,7 @@ session_start();
     Seite: Beitrag erstellen
     Inhalt: Formular für die Erstellung eines neuen Beitrags
 -->
-<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="wp-editor-scope editor-container">
+<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="article-editor-scope editor-container">
 
     <main class="editor-main">
         <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>

css/article.css

@@ -1,5 +1,5 @@
 /* editor in Flexbox */
-.wp-editor-scope.editor-container {
+.article-editor-scope.editor-container {
     display: flex;
     min-height: 100vh;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
@@ -8,14 +8,14 @@
     box-sizing: border-box;
 }
 
-.wp-editor-scope * {
+.article-editor-scope * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }
 
 /* Hauptbereich */
-.wp-editor-scope .editor-main {
+.article-editor-scope .editor-main {
     flex: 1;
     padding: 40px;
     display: flex;
@@ -24,7 +24,7 @@
     background: #ffffff;
 }
 
-.wp-editor-scope #title {
+.article-editor-scope #title {
     font-size: 2.5rem;
     font-weight: 700;
     border: none;
@@ -33,7 +33,7 @@
     background: transparent;
 }
 
-.wp-editor-scope #content {
+.article-editor-scope #content {
     flex: 1;
     font-size: 1.1rem;
     line-height: 1.6;
@@ -45,7 +45,7 @@
 }
 
 /* Seitenleiste */
-.wp-editor-scope .editor-sidebar {
+.article-editor-scope .editor-sidebar {
     width: 300px;
     background-color: #ffffff;
     border-left: 1px solid #e0e0e0;
@@ -55,24 +55,24 @@
     gap: 24px;
 }
 
-.wp-editor-scope .sidebar-block {
+.article-editor-scope .sidebar-block {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }
 
-.wp-editor-scope .sidebar-block label {
+.article-editor-scope .sidebar-block label {
     font-weight: 600;
     font-size: 0.9rem;
 }
 
-.wp-editor-scope .required {
+.article-editor-scope .required {
     color: #d94f4f;
 }
 
 /* Formularelemente innerhalb der Editor-Sidebar */
-.wp-editor-scope .editor-sidebar select,
-.wp-editor-scope .editor-sidebar input[type="text"] {
+.article-editor-scope .editor-sidebar select,
+.article-editor-scope .editor-sidebar input[type="text"] {
     width: 100%;
     padding: 8px;
     border: 1px solid #ccc;
@@ -82,7 +82,7 @@
 }
 
 /* Button-Zeugs */
-.wp-editor-scope .btn-publish {
+.article-editor-scope .btn-publish {
     background-color: #007cba;
     color: white;
     border: none;
@@ -94,27 +94,27 @@
     width: 100%;
 }
 
-.wp-editor-scope .btn-publish:hover {
+.article-editor-scope .btn-publish:hover {
     background-color: #006ba1;
 }
 
 @media (max-width: 760px) {
-    .wp-editor-scope.editor-container {
+    .article-editor-scope.editor-container {
         /* Sidebar nach unten */
         flex-direction: column;
     }
 
-    .wp-editor-scope .editor-main {
+    .article-editor-scope .editor-main {
         /* weniger Innenabstand */
         padding: 20px;
     }
 
-    .wp-editor-scope #content {
+    .article-editor-scope #content {
         /* Verhindert, dass das Textfeld auf kleinen Displays kollabiert */
         min-height: 300px;
     }
 
-    .wp-editor-scope .editor-sidebar {
+    .article-editor-scope .editor-sidebar {
         width: 100%;
         /* Entfernt den linken Rand und setzt ihn nach oben als Trenner */
         border-left: none;