dbdoc_engine 0.1.0

data/app/assets/stylesheets/dbdoc_engine/admin_header.css

@@ -0,0 +1,179 @@
+/* Admin Navbar Styling - keeping your gradient background */
+.admin-navbar {
+  background: linear-gradient(90deg, #829ED4 0%, #364380 100%);
+  padding: 0.5rem 1rem;
+}
+
+/* Brand styling */
+.admin-navbar .navbar-brand {
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.admin-navbar .navbar-brand:hover,
+.admin-navbar .navbar-brand.active {
+  background-color: rgba(255, 255, 255, 0.32);
+  border-radius: 4px;
+}
+
+/* Navigation link styling */
+.admin-navbar .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.85);
+  padding: 0.5rem 0.8rem;
+  border-radius: 4px;
+  transition: all 0.2s ease-in-out;
+}
+
+.admin-navbar .navbar-nav .nav-link:hover,
+.admin-navbar .navbar-nav .nav-link.active {
+  color: white;
+  background-color: rgba(255, 255, 255, 0.32);
+}
+
+/* Language toggle styling */
+.language-toggle {
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+
+.language-toggle:focus {
+  box-shadow: none;
+}
+
+.language-toggle:hover {
+  transform: scale(1.1);
+}
+
+.language-flag {
+  width: 25px;
+  height: 25px;
+}
+
+/* Role dropdown styling */
+.role-dropdown-btn {
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+.role-dropdown-btn:focus {
+  box-shadow: none;
+}
+
+.role-dropdown-btn::after {
+  display: none;
+}
+
+.right-avatar {
+  height: 24px;
+}
+
+.dropdown-menu {
+  min-width: 120px;
+  background-color: white;
+  border: 1px solid #e7e3e3;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33);
+}
+
+.dropdown-item.text-danger {
+  color: #dc3545 !important;
+}
+
+.log-out-text {
+  font-size: 12px;
+}
+
+/* Home Circle Button */
+.home-circle-btn {
+  width: 25px;
+  height: 25px;
+  background: #E7E8EA;
+  border: none;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  transition: background 0.2s;
+}
+
+.home-circle-btn:hover {
+  background: #d5d6da;
+}
+
+.home-circle-btn .bi-house-door {
+  color: #666C79;
+  font-size: 15px;
+}
+
+/* Role Circle Button */
+.role-circle-btn {
+  width: 25px;
+  height: 25px;
+  background: #5366A0;
+}
+
+.right-avatar-img-bg {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+
+.right-avatar {
+  height: 24px;
+}
+
+/* Dropdown toggle arrow removal */
+.dropdown-toggle::after {
+  display: none !important;
+}
+.language-japan-flag{
+  height: 29px;
+  width: 38px;
+}
+.back-main-btn {
+  height: 28px;
+  padding: 0 18px;
+  background: #E7E8EA;
+  color: #364380;
+  border-radius: 14px;
+  font-size: 13px;
+  transition: background 0.2s, color 0.2s;
+  text-decoration: none;
+  box-shadow: 0 1px 4px rgba(54, 67, 128, 0.07);
+  letter-spacing: 0.02em;
+}
+.back-main-btn:hover {
+  background: #364380;
+  color: #fff;
+  text-decoration: none;
+}
+.dbdoc-footer {
+  width: 100vw;
+  color: #5366A0;
+  font-size: 13px;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  padding: 0;
+}
+
+.footer-content {
+  margin: 0 auto;
+  padding: 7px 60px 7px 24px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.footer-version {
+  color: #5366A0;
+  font-weight: 700;
+  font-size: 13px;
+}

data/app/assets/stylesheets/dbdoc_engine/application.scss

@@ -0,0 +1 @@
+@import "bootstrap";

data/app/assets/stylesheets/dbdoc_engine/changelog.css

@@ -0,0 +1,173 @@
+
+.changelog-2-down{
+  padding-left: 18px;
+} 
+.changelog-contents{
+  padding-left: 18px;
+}
+.changelogs{
+  color: #5366A0;
+  font-size: 24px;
+  font-weight: 700;
+}
+.changelog-below{
+  background-color: white;
+  border: none;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31);
+}
+.lable{
+  font-size: 14px;
+  font-weight: 700;
+  color: #5366A0;
+}
+.salect{
+  font-size: 12px;
+  font-weight: 600;
+  color: #666C79;
+}
+#entity_name{
+  font-size: 12px;
+  font-weight: 600;
+  color: #666C79;
+}
+#date_from{
+  font-size: 12px;
+  font-weight: 600;
+  color: #666C79;
+}
+#date_to{
+  font-size: 12px;
+  font-weight: 600;
+  color: #666C79;
+}
+.applybutton {
+  background-color: #5366A0;
+  color: white;
+  border: none;
+  font-weight: bold;
+  font-size: 12px;
+}
+.applybutton:hover{
+  background-color: #E7E8EA;
+  color: #5366A0;
+  text-decoration: none;
+}
+.clear-button {
+  background-color: #E7E8EA;
+  color: #666C79;
+  border: none;
+  font-size: 12px;
+  font-weight: 500;
+}
+.clear-button:hover{
+  color: white;
+  background-color: #5366A0;
+  text-decoration: none;
+}
+td.contents-changelog{
+  font-size: 14px;
+  font-weight: 600;
+  color: #666C79;
+  max-width: 250px;
+}
+.endpart{
+  background-color: white;
+  border: none;
+}
+.view-changelog{
+    color: #666C79;
+    border: none;
+    font-size: 12px;
+    font-weight: 500;
+    text-decoration: none;
+    background-color: #E7E8EA;
+    padding: 6px 25px;
+    border-radius: 19px;
+}
+.view-changelog:hover{
+  text-decoration: none;
+  color: white;
+  background-color: #5366A0;
+}
+.table td{
+  border-bottom: 1px solid #dee2e6;
+}
+.salect:focus{
+  box-shadow: none;
+}
+.cantrol:focus{
+  box-shadow: none;
+}
+.back-history{
+  border: 1px solid #5366A0;
+  color: #5366A0;
+  font-size: 16px;
+  font-weight: 700;
+}
+.back-history:hover{
+  color: white;
+  background-color: #5366A0;
+}
+.top{
+  background-color: #5366A0;
+  color: white;
+  font-size: 16px;
+  font-weight: 700;
+}
+.changelog-2-content{
+  color: #5366A0;
+  font-size: 14px;
+  font-weight: 600;
+}
+.changelog-2{
+  color: #666C79;
+  font-size: 12px;
+  font-weight: 600; 
+}
+.changelog-above{
+  background-color: white;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31);
+  border: none;
+}
+.description_notes{
+  color: grey;
+    font-size: 12px;
+    font-weight: 600;
+}
+.change-details{
+  color: #5366A0;
+  font-size: 16px;
+  font-weight: 700;
+}
+.card{
+  border: none !important;
+}
+.changelog-below-admin{
+  background-color: white;
+  border: none;
+}
+.admin-table{
+  border: 1px solid #ddd6d6;
+  border-radius: 10px;
+}
+.changelog-above{
+  background-color: white;
+  border: none;
+}
+.card-bodyadmin{
+  padding: 0px;
+}
+.changelog-headers-1{
+  width: 157px;
+}
+.changelog-headers-2{
+  width: 90px;
+}
+.main-content {
+  container-type: inline-size;
+}
+@container (max-width: 470px) {
+  .changelog-contents {
+    width: 468px !important;
+  }
+}