pages_core 3.14.0 → 3.15.1

data/app/assets/builds/pages_core/mailer.css

@@ -0,0 +1,99 @@
+body,
+input,
+textarea,
+a.button,
+a.button:visited,
+button {
+  font-family: -apple-system, BlinkMacSystemFont, Calibri, sans-serif;
+  color: #111;
+}
+
+body {
+  font-size: 1rem;
+  padding: 2rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+p {
+  max-width: 80ch;
+  margin: 0 0 1rem 0;
+}
+
+h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ul:last-child, ol:last-child, p:last-child {
+    margin-bottom: 0rem;
+  }
+
+h1 {
+  font-size: 2rem;
+  margin-top: 2rem;
+}
+
+h1:first-child {
+    margin-top: 0rem;
+  }
+
+a,
+a:visited {
+  color: #1d7195;
+}
+
+a:hover,
+a:focus {
+  color: #15516a;
+}
+
+button,
+a.button {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: inherit;
+  font-size: 1rem;
+  line-height: 1.5;
+  border: 1px solid #aaa;
+  border-radius: 5px;
+  padding: 0.5em 0.75em;
+  background: #e8e8e8;
+  box-shadow: inset 0px 0.75em 0.75em rgba(255, 255, 255, 0.25);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+button.primary, a.button.primary {
+    background: #111;
+    border-color: #111;
+    color: #fff;
+    box-shadow: inset 0px 0.75em 0.75em rgba(255, 255, 255, 0.2);
+  }
+
+button.primary:hover, a.button.primary:hover {
+      box-shadow: inset 0px 0.75em 0.75em rgba(255, 255, 255, 0.1);
+    }
+
+.buttons,
+table {
+  margin: 1.5rem 0;
+}
+
+.buttons:last-child, table:last-child {
+    margin-bottom: 0px;
+  }
+
+table {
+  border-collapse: collapse;
+  border-top: 1px solid #ddd;
+}
+
+table th,
+  table td {
+    text-align: left;
+    padding: 0.5rem 1rem 0.5rem 0;
+    border-bottom: 1px solid #ddd;
+  }

data/app/assets/stylesheets/pages_core/admin/components/archive.css

@@ -1,5 +1,5 @@
 .archive-index {
-  & .count {
+  .count {
     font-weight: normal;
     color: var(--text-light-color);
   }

data/app/assets/stylesheets/pages_core/admin/components/attachments.css

@@ -1,18 +1,17 @@
 .attachments {
   margin-bottom: 40px;
 
-  & .drop-target {
+  .drop-target {
     position: relative;
     width: 100%;
     text-align: center;
-    line-height: 1.6;
     margin-top: 20px;
 
     &:first-child {
       margin-top: 0px;
     }
 
-    & .upload-button {
+    .upload-button {
       width: 100%;
       display: flex;
       flex-direction: column;
@@ -23,19 +22,21 @@
     }
   }
 
-  & .attachment {
+  .attachment {
     border-bottom: 1px solid var(--border-color);
     padding: 16px 0px 16px 40px;
     cursor: pointer;
     background: #fff;
-    transition: padding-left 50ms ease-in-out, background 150ms ease-in-out;
+    transition:
+      padding-left 50ms ease-in-out,
+      background 150ms ease-in-out;
 
-    & .attachment-info {
+    .attachment-info {
       transition: all 50ms ease-in-out;
     }
 
     &.drop-placeholder {
-      font-size: 14px;
+      font-size: 0.875rem;
       margin-top: -1px;
       border-top: 1px solid var(--border-color);
       background: var(--background-disabled-color);
@@ -49,11 +50,11 @@
       padding-left: 56px;
       background: var(--background-disabled-color);
 
-      & .attachment-info {
+      .attachment-info {
         opacity: 0.5;
       }
 
-      & .actions {
+      .actions {
         display: none;
       }
     }
@@ -62,14 +63,16 @@
       margin-bottom: 0px;
     }
 
-    & .actions {
+    .actions {
       float: right;
+      display: flex;
+      gap: 0.25rem;
     }
 
-    & h3 {
+    h3 {
       margin: 0px 0px 12px 0px;
 
-      & .icon {
+      .icon {
         display: block;
         float: left;
         margin-left: -40px;
@@ -77,26 +80,11 @@
       }
     }
 
-    & p {
+    p {
       &:last-child {
         margin-bottom: 0px;
       }
     }
-
-    & button {
-      cursor: pointer;
-      border: 1px solid var(--border-color);
-      border-radius: 3px;
-      background: var(--button-color);
-      padding: 5px 20px;
-      font-size: 12px;
-      color: var(--text-color);
-
-      &:hover,
-      &:focus {
-        background: #fff;
-      }
-    }
   }
 }
 
@@ -109,23 +97,23 @@
     height: 100%;
   }
 
-  & form {
+  form {
     width: 100%;
 
-    & .buttons {
+    .buttons {
       margin-top: 24px;
     }
 
-    & .embed-code {
-      & input[type="text"] {
+    .embed-code {
+      input[type="text"] {
         width: 50%;
         max-width: 100px;
         margin-right: 8px;
       }
     }
 
-    & textarea,
-    & input[type="text"] {
+    textarea,
+    input[type="text"] {
       max-width: 100%;
 
       &.description {

data/app/assets/stylesheets/pages_core/admin/components/base.css

@@ -3,29 +3,11 @@ body {
   color: var(--text-color);
 }
 
-body,
-td,
-th {
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: 12px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin: 16px 0;
-}
-
 img {
   border: 0;
 }
 
 small {
-  font-size: 0.9em;
   color: var(--text-light-color);
 }
 
@@ -42,7 +24,7 @@ th {
 }
 
 div.content {
-  margin: 0 32px;
+  margin: 1.5rem 2rem;
 }
 
 table.show th,
@@ -51,54 +33,6 @@ td {
   padding: 2px 16px 2px 0;
 }
 
-.errorExplanation {
-  background-color: #ffd;
-  border-bottom: 1px solid #dda;
-  margin: -32px -32px 16px -32px;
-  padding: 0px 32px;
-  color: #333;
-
-  & h2 {
-    font-weight: normal;
-    font-size: 1.4em;
-    margin: 0 -32px 16px -32px;
-    padding: 8px 32px;
-    background-color: var(--red);
-    color: #fff;
-  }
-
-  & p {
-    margin-bottom: 0;
-    padding: 0;
-  }
-
-  & ul {
-    padding: 0;
-    list-style-position: inside;
-  }
-
-  & ul li {
-    font-weight: bold;
-  }
-}
-
-.flash {
-  background: #fffbdf;
-  border-bottom: 1px solid #ccc9b2;
-  margin: -32px -32px 32px -32px;
-  padding: 16px 32px;
-  font-weight: bold;
-  color: #6f2d1b;
-  font-size: 1.2em;
-}
-
-div.paginator {
-  margin: 32px 0;
-  font-size: 1.5em;
-  font-weight: bold;
-  color: var(--text-light-color);
-}
-
 img.thumbnail {
   border: 1px solid #555;
 }
@@ -106,7 +40,6 @@ img.thumbnail {
 li .actions {
   font-weight: normal;
   display: inline;
-  font-size: 12px;
   color: var(--text-light-color);
   margin-top: 1px;
 }