Browse Source

Better responsive

Laurent Destailleur 4 years ago
parent
commit
b5db5f7474
2 changed files with 37 additions and 0 deletions
  1. 18 0
      htdocs/theme/eldy/global.inc.php
  2. 19 0
      htdocs/theme/md/dropdown.inc.php

+ 18 - 0
htdocs/theme/eldy/global.inc.php

@@ -6471,6 +6471,24 @@ div.tabsElem a.tab {
 	}
 }
 
+@media only screen and (max-width: 320px)
+{
+	.dropdown dd ul {
+		max-width: 270px;	/* must always be 50 slower than width */
+	}
+}
+@media only screen and (max-width: 300px)
+{
+	.dropdown dd ul {
+		max-width: 250px;
+	}
+}
+@media only screen and (max-width: 280px)
+{
+	.dropdown dd ul {
+		max-width: 230px;
+	}
+}
 
 
 <?php

+ 19 - 0
htdocs/theme/md/dropdown.inc.php

@@ -427,6 +427,25 @@ a.top-menu-dropdown-link {
 	}
 }
 
+@media only screen and (max-width: 320px)
+{
+	.dropdown dd ul {
+		max-width: 270px;	/* must always be 50 slower than width */
+	}
+}
+@media only screen and (max-width: 300px)
+{
+	.dropdown dd ul {
+		max-width: 250px;
+	}
+}
+@media only screen and (max-width: 280px)
+{
+	.dropdown dd ul {
+		max-width: 230px;
+	}
+}
+
 
 .dropdown-search-input::placeholder {
     color: color(#575756 a(0.8));