Fix: Added missing CSS file (my-textarea.css) to resolve table view bug

athenarc · Sep 30, 2024 · bfaca4f · bfaca4f
1 parent 015a85e
commit bfaca4f
Show file tree

Hide file tree

Showing 2 changed files with 227 additions and 0 deletions.
diff --git a/views/project/jupyter_index.php b/views/project/jupyter_index.php
@@ -14,6 +14,8 @@
 $stop_icon = '<i class="fas fa-stop"></i>';
 
 $this->title = $name['name'];
+
+$this->registerCssFile('@web/css/project/my-textarea.css');
 $this->registerJsFile('@web/js/administration/edit-text-area.js', ['depends' => [\yii\web\JqueryAsset::className()]]);
 // echo Html::CssFile('@web/css/project/project-request.css');
 // $this->registerJsFile('@web/js/project/project-request.js', ['depends' => [\yii\web\JqueryAsset::className()]]);

diff --git a/web/css/project/my-textarea.css b/web/css/project/my-textarea.css
@@ -0,0 +1,225 @@
+/*
+Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+CKEditor 4 LTS ("Long Term Support") is available under the terms of the Extended Support Model.
+*/
+
+body
+{
+    /* Font */
+    /* Emoji fonts are added to visualise them nicely in Internet Explorer. */
+    font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-size: 12px;
+
+    /* Text color */
+    color: #333;
+
+    /* Remove the background color to make it transparent. */
+    background-color: #fff;
+
+    margin: 20px;
+}
+
+.cke_editable
+{
+    font-size: 13px;
+    line-height: 1.6;
+
+    /* Fix for missing scrollbars with RTL texts. (#10488) */
+    word-wrap: break-word;
+}
+
+blockquote
+{
+    font-style: italic;
+    font-family: Georgia, Times, "Times New Roman", serif;
+    padding: 2px 0;
+    border-style: solid;
+    border-color: #ccc;
+    border-width: 0;
+}
+
+.cke_contents_ltr blockquote
+{
+    padding-left: 20px;
+    padding-right: 8px;
+    border-left-width: 5px;
+}
+
+.cke_contents_rtl blockquote
+{
+    padding-left: 8px;
+    padding-right: 20px;
+    border-right-width: 5px;
+}
+
+a
+{
+    color: #0782C1;
+}
+
+ol,ul,dl
+{
+    /* IE7: reset rtl list margin. (#7334) */
+    *margin-right: 0px;
+    /* Preserved spaces for list items with text direction different than the list. (#6249,#8049)*/
+    padding: 0 40px;
+}
+
+h1,h2,h3,h4,h5,h6
+{
+    font-weight: normal;
+    line-height: 1.2;
+}
+
+hr
+{
+    border: 0px;
+    border-top: 1px solid #ccc;
+}
+
+img.right
+{
+    border: 1px solid #ccc;
+    float: right;
+    margin-left: 15px;
+    padding: 5px;
+}
+
+img.left
+{
+    border: 1px solid #ccc;
+    float: left;
+    margin-right: 15px;
+    padding: 5px;
+}
+
+pre
+{
+    white-space: pre-wrap; /* CSS 2.1 */
+    word-wrap: break-word; /* IE7 */
+    -moz-tab-size: 4;
+    tab-size: 4;
+}
+
+.marker
+{
+    background-color: Yellow;
+}
+
+span[lang]
+{
+    font-style: italic;
+}
+
+figure
+{
+    text-align: center;
+    outline: solid 1px #ccc;
+    background: rgba(0,0,0,0.05);
+    padding: 10px;
+    margin: 10px 20px;
+    display: inline-block;
+}
+
+figure > figcaption
+{
+    text-align: center;
+    display: block; /* For IE8 */
+}
+
+a > img {
+    padding: 1px;
+    margin: 1px;
+    border: none;
+    outline: 1px solid #0782C1;
+}
+
+/* Widget Styles */
+.code-featured
+{
+    border: 5px solid red;
+}
+
+.math-featured
+{
+    padding: 20px;
+    box-shadow: 0 0 2px rgba(200, 0, 0, 1);
+    background-color: rgba(255, 0, 0, 0.05);
+    margin: 10px;
+}
+
+.image-clean
+{
+    border: 0;
+    background: none;
+    padding: 0;
+}
+
+.image-clean > figcaption
+{
+    font-size: .9em;
+    text-align: right;
+}
+
+.image-grayscale
+{
+    background-color: white;
+    color: #666;
+}
+
+.image-grayscale img, img.image-grayscale
+{
+    filter: grayscale(100%);
+}
+
+.embed-240p
+{
+    max-width: 426px;
+    max-height: 240px;
+    margin:0 auto;
+}
+
+.embed-360p
+{
+    max-width: 640px;
+    max-height: 360px;
+    margin:0 auto;
+}
+
+.embed-480p
+{
+    max-width: 854px;
+    max-height: 480px;
+    margin:0 auto;
+}
+
+.embed-720p
+{
+    max-width: 1280px;
+    max-height: 720px;
+    margin:0 auto;
+}
+
+.embed-1080p
+{
+    max-width: 1920px;
+    max-height: 1080px;
+    margin:0 auto;
+}
+/* Add borders between table cells */
+table {
+    border-collapse: collapse; /* Ensures that borders between cells are not doubled */
+    width: 100%; /* Optional: Makes the table take up the full width */
+    border: 1px solid #ccc; /* Adds a border around the entire table */
+}
+
+th, td {
+    border: 1px solid #ccc; /* Adds a border to each cell */
+    padding: 8px; /* Optional: Adds padding inside each cell */
+    text-align: left; /* Aligns text to the left (optional, adjust as needed) */
+}
+
+/* Optional: Add a hover effect for table rows */
+tr:hover {
+    background-color: #f1f1f1; /* Changes the background color of the row on hover */
+}