minor #1460 Tweaked some styles (javiereguiluz)

This PR was merged into the main branch. Discussion ---------- Tweaked some styles Some minor tweaks to make the app look like it was before the last big template/Bootstrap upgrade. Commits ------- fbdb19b Tweaked some styles
symfony · Nov 24, 2023 · f59041d · f59041d
2 parents 38ad58e + fbdb19b
commit f59041d
Show file tree

Hide file tree

Showing 11 changed files with 46 additions and 22 deletions.
diff --git a/assets/styles/app.scss b/assets/styles/app.scss
@@ -18,6 +18,7 @@
   --font-subtitle: 1.5rem;
   --font-default: 19px;
   --secondary-color: #ecf0f1;
+  --text-color: #2c3e50;
   --blue: #007bff;
   --red: #dc3545;
   --yellow: #ffc107;
@@ -64,8 +65,10 @@ li:not(.nav-item) {
 
 code {
   background: var(--secondary-color);
-  color: var(--blue);
+  border-radius: 4px;
+  color: var(--text-color);
   font-size: 90%;
+  padding: 2px 4px;
 }
 
 .text-danger, .text-danger:hover {
@@ -97,12 +100,29 @@ a:hover {
   margin-bottom: 0;
 }
 
+.btn {
+  padding: 10px 15px;
+}
+
+form legend {
+  font-size: 22.5px;
+}
+
 /* Utilities
    ------------------------------------------------------------------------- */
 .jumbotron {
   padding: 1.5rem 1rem
 }
 
+.well {
+  background-color: var(--secondary-color);
+  border: 1px solid transparent;
+  border-radius: 4px;
+  margin-bottom: 20px;
+  min-height: 20px;
+  padding: 19px;
+}
+
 /* Page elements
    ------------------------------------------------------------------------- */
 body {
@@ -129,7 +149,7 @@ header nav.navbar .nav-item {
 }
 
 #locale-selector-modal {
-  background: #2c3e50;
+  background: var(--text-color);
 }
 @media (min-width: 768px) {
   #locale-selector-modal .modal-dialog {
@@ -141,7 +161,7 @@ header nav.navbar .nav-item {
   border: 0;
 }
 #locale-selector-modal .modal-header {
-  background: #2c3e50;
+  background: var(--text-color);
   border-bottom: 0;
   color: var(--white);
 }
@@ -150,7 +170,7 @@ header nav.navbar .nav-item {
   opacity: 1;
 }
 #locale-selector-modal .modal-body {
-  background: #2c3e50;
+  background: var(--text-color);
 }
 #locale-selector-modal .modal-body .locales {
   list-style: none;
@@ -303,7 +323,7 @@ footer #footer-resources i {
 /* Misc. elements
    ------------------------------------------------------------------------- */
 .section.rss a {
-  color: var(--yellow);
+  color: var(--orange);
   font-size: 21px;
 }
 
@@ -417,14 +437,18 @@ body#login .form-group-password input {
 body#login .form-group-password button {
   background: transparent;
   border: 0;
-  color: #2C3E50;
+  color: var(--text-color);
   height: 45px;
   outline: 0;
   position: absolute;
   bottom: 0;
   right: 0;
 }
 
+body#login #login-help table td {
+  vertical-align: middle;
+}
+
 /* Common Blog page elements
    ------------------------------------------------------------------------- */
 .post h2 {

diff --git a/public/build/app.151d1f5e.js b/public/build/app.151d1f5e.js
diff --git a/public/build/app.943c2cf3.css → public/build/app.51a62e82.css b/public/build/app.943c2cf3.css → public/build/app.51a62e82.css
diff --git a/public/build/app.e1219b00.js b/public/build/app.e1219b00.js
diff --git a/public/build/app.151d1f5e.js.LICENSE.txt → public/build/app.e1219b00.js.LICENSE.txt b/public/build/app.151d1f5e.js.LICENSE.txt → public/build/app.e1219b00.js.LICENSE.txt
diff --git a/public/build/entrypoints.json b/public/build/entrypoints.json
@@ -5,11 +5,11 @@
         "/build/runtime.c56be18b.js",
         "/build/608.626b1a4f.js",
         "/build/691.00474683.js",
-        "/build/app.151d1f5e.js"
+        "/build/app.e1219b00.js"
       ],
       "css": [
         "/build/691.5d22d6da.css",
-        "/build/app.943c2cf3.css"
+        "/build/app.51a62e82.css"
       ]
     },
     "admin": {
@@ -28,9 +28,9 @@
     "/build/runtime.c56be18b.js": "sha384-Cdl61iQY709LV5xk4fjbcXyComo/jpLrd2Q4lyCXTBFRFq4AqQsmJkF6DyKpj9tr",
     "/build/608.626b1a4f.js": "sha384-E2b89OD+49Lsk6EXg/KCDPqwEd43B8Qjc8SdqMEdGdS7LQyDTw0KXV/PjfA1/njZ",
     "/build/691.00474683.js": "sha384-IebcSy563+wytSYXkK+fxDGaR3Q7j+zmBrvadQzX3tHevDTxSKFhv29BMJkywEAS",
-    "/build/app.151d1f5e.js": "sha384-qOCs9Ye5CRGRR+pX1T7aZzle7EaX4tR1nicFOXSmjapcKKQF3hojmQvHfqwFMlMY",
+    "/build/app.e1219b00.js": "sha384-iK1sIjHtpmBy68MlhjNSPSuLPH2UVhpVU4v/7fpM8H8LwxVUWlmYX0Ly5XVBLsMC",
     "/build/691.5d22d6da.css": "sha384-Aj2DvjS/WxFSIf9uLVnmH9Dw6pixHWGKWrOnGxgr2eRW82BIPnXYihtUQyUMQmGm",
-    "/build/app.943c2cf3.css": "sha384-rv0bqeqU66U5XVk/gfrJApDMZTqC49IsRO7N/jtXOuccmxS0mjwUWEqeRYkJhrJ5",
+    "/build/app.51a62e82.css": "sha384-kXZooqI0TAfGp91O2YFZ2Vu0rjfyiSXuhEDxhXBpWXSt5kKzYRhjZr9E2teL7KLa",
     "/build/673.a8a6034c.js": "sha384-hsruohAAUG973CEl8FPGEzptQtqKi2m4i5/f7AK0WdjVA2HABqo4PDIl5F0ADoI2",
     "/build/admin.2e00d7c6.js": "sha384-YdDZ6+TI8dzJ9EiFd0aE8XviYeBOqUkEs1AL2l+Xxwyr8bU/KuUdxdGefgKpJIYq",
     "/build/admin.fd62a737.css": "sha384-fvoGdQq5TDnWkCaATqeO2OTzoej/gs53cfF+zl4mhBgy0Vf39tFB0tBXaVf/Ijno"

diff --git a/public/build/manifest.json b/public/build/manifest.json
@@ -1,6 +1,6 @@
 {
-  "build/app.css": "/build/app.943c2cf3.css",
-  "build/app.js": "/build/app.151d1f5e.js",
+  "build/app.css": "/build/app.51a62e82.css",
+  "build/app.js": "/build/app.e1219b00.js",
   "build/admin.css": "/build/admin.fd62a737.css",
   "build/admin.js": "/build/admin.2e00d7c6.js",
   "build/runtime.js": "/build/runtime.c56be18b.js",

diff --git a/templates/blog/about.html.twig b/templates/blog/about.html.twig
@@ -1,5 +1,5 @@
 <div class="section about">
-    <div class="jumbotron">
+    <div class="well">
         <p>
             {{ 'help.app_description'|trans|raw }}
         </p>

diff --git a/templates/blog/comment_form_error.html.twig b/templates/blog/comment_form_error.html.twig
@@ -5,7 +5,7 @@
 {% block main %}
     <h1 class="text-danger">{{ 'title.comment_error'|trans }}</h1>
 
-    <div class="jumbotron">
+    <div class="well">
         {{ include('blog/_comment_form.html.twig') }}
     </div>
 {% endblock %}
diff --git a/templates/blog/post_show.html.twig b/templates/blog/post_show.html.twig
@@ -14,7 +14,7 @@
 
     {{ include('blog/_post_tags.html.twig') }}
 
-    <div id="post-add-comment" class="jumbotron">
+    <div id="post-add-comment" class="well">
         {# The 'IS_AUTHENTICATED_FULLY' role ensures that the user has entered
         their credentials (login + password) during this session. If they
         are automatically logged via the 'Remember Me' functionality, they won't

diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
@@ -17,7 +17,7 @@
     #}
     <div class="row" {{ stimulus_controller('login') }}{# @see assets/controllers/login-controller.js #}>
         <div class="col-sm-5">
-            <div class="jumbotron">
+            <div class="well">
                 <form action="{{ path('security_login') }}" method="post">
                     <fieldset>
                         <legend><i class="fa fa-lock" aria-hidden="true"></i> {{ 'title.login'|trans }}</legend>
@@ -83,8 +83,8 @@
                 </tbody>
             </table>
 
-            <div id="login-users-help" class="panel panel-default">
-                <div class="panel-body">
+            <div id="login-users-help" class="card">
+                <div class="card-body">
                     <p>
                         <span class="badge badge-success">{{ 'note'|trans }}</span>
                         {{ 'help.reload_fixtures'|trans }}<br/>