diff --git a/index.html b/index.html index 0452340..4493307 100644 --- a/index.html +++ b/index.html @@ -14,15 +14,19 @@ -

Forum du bilinguisme HTML/CSS maquettes

+
+
+

Forum du bilinguisme HTML/CSS maquettes

+ +
+
- \ No newline at end of file diff --git a/static/css/main.css b/static/css/main.css index 9aff15e..76a18c8 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -305,6 +305,9 @@ article li:not(:first-of-type){ #searchFilters form{ padding: calc(var(--div-padding) / 3); } +#advancedFilters{ + align-self: flex-end; +} /* btn */ .btn{ @@ -354,19 +357,28 @@ label[for="lang"]{ font-weight: 600; } +#tandemList > .row{ + justify-content: space-between; + gap: .5rem; +} + /* autocomplete */ -.autocomplete-suggestions { - border: 1px solid #e3e3e3; - max-height: 150px; +.autocomplete-suggestions{ + max-height: calc((1.5rem * 5) + .25rem * 11); overflow-y: auto; + margin-top: 0.25rem; + background: var(--accent-light); + border-radius: 0.25rem; + } -.autocomplete-suggestion { - padding: 8px; +.autocomplete-suggestion{ + padding: 1rem; cursor: pointer; + padding: .25rem .725rem; } -.autocomplete-suggestion:hover { - background-color: #f8f9fa; +.autocomplete-suggestion:hover{ + background-color: var(--bs-link-color); } /* overrides */ ul, ol{ @@ -485,6 +497,10 @@ nav .icon-ui{ .partners-logo-grid{ grid-template-columns: repeat(auto-fit, minmax(6em, 1fr)); } + .userAvatar img{ + width: 6rem; + height: 6rem; + } .profile .userAvatar, .profile .userPseudo, .offcanvas .userAvatar{ margin: 0 auto; text-align: center diff --git a/static/img/avatars/t800.jpg b/static/img/avatars/t800.jpg new file mode 100644 index 0000000..577aa78 Binary files /dev/null and b/static/img/avatars/t800.jpg differ diff --git a/tandem-list.html b/tandem-list.html index c0dc143..1102cfb 100644 --- a/tandem-list.html +++ b/tandem-list.html @@ -206,36 +206,28 @@
-
- +
+
+ + + +
+
+
+
-
- - - -
- -
- - - -
-
-
-
+
@@ -3662,11 +3654,11 @@
-
+
-
+