Add scrolling to modal dialogs.

[redakcja.git] / src / redakcja / static / css / html.css

diff --git a/src/redakcja/static/css/html.css b/src/redakcja/static/css/html.css
index 3b99681..05c9e9e 100644 (file)
--- a/src/redakcja/static/css/html.css
+++ b/src/redakcja/static/css/html.css
@@ -87,6 +87,7 @@
     font-size: 1em;
     margin: 1.5em 0 0;
     line-height: 1.5em;
+    font-weight: bold;
 }
 
 .htmlview p {
@@ -311,6 +312,10 @@
     word-spacing: 1em;
 }
 
+.htmlview .ilustr img {
+    max-width: 100%;
+}
+
 .htmlview .parse-warning {
     display: block;
     font-size: 10pt;
@@ -506,8 +511,11 @@ div[x-node] > .uwaga {
 }
 
 .edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button {
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+    font-size: 16px;
+    line-height: 1.5;
     position: absolute;
-    top: -21px;
+    top: -28px;
     left: -1px;
     width: 72px;
     height: 28px;
@@ -604,6 +612,7 @@ div[x-node] > .uwaga {
     padding: 1px;
     z-index: 2000;
     position: absolute;
+    text-align: left;
 }
 
 .html-editarea textarea {
@@ -615,6 +624,8 @@ div[x-node] > .uwaga {
     height: 100%;
     z-index: 0;
     font-size: 10pt;
+    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+    line-height: 1.25;
     /*    background-color: ivory;*/
 }
 
@@ -656,14 +667,14 @@ div[x-node] > .uwaga {
 /* specialChars */
 #specialCharsContainer {
     text-align: center; 
-    width: 600px; 
+    width: 640px; 
     height: 400px;
     padding:20px; 
     background-color: gray; 
     position: absolute; 
     top: 20px; 
-    left: 20px; 
-    z-index:1000;
+    right: 20px; 
+    z-index:10000;
     overflow:auto;
 }
 #specialCharsContainer a {