diff --git a/src/styles/index.scss b/src/styles/index.scss index 99d96422c2bb9d9d67bcbdb3ad63350b90ced5d8..2a1c40000d5b4279826f32f284c0178af2646822 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -233,7 +233,7 @@ input[type="submit"].disabled { } .button_base, input[type="submit"], #mentor-resource-detail a, #entrepreneur-resource-detail a, -#mentor-resource-validate a, .sib-conversation form input[type="submit"], +#mentor-resource-validate a, .sib-conversation form input[type="submit"], .solid-conversation form input[type="submit"], #public-resource-detail a, #mentor-database-resource-detail a{ transition: all .3s ease-in-out; background-color: var(--bg-btn-base); @@ -251,7 +251,7 @@ input[type="submit"].disabled { } .button_base:hover, input[type="submit"]:hover, #mentor-resource-detail a:hover, #mentor-resource-validate a:hover, #entrepreneur-resource-detail a:hover,.sib-conversation form input[type="submit"]:hover, #public-resource-detail a:hover, -#mentor-database-resource-detail a:hover{ +#mentor-database-resource-detail a:hover,.solid-conversation form input[type="submit"]:hover{ background-color: var(--bg-block); color: var(--bg-btn-base); } @@ -1824,12 +1824,14 @@ cs-display-mentor-related, cs-display-entrepreneur-related { } -.sib-conversation div.conversation-form{ +.sib-conversation div.conversation-form, +.solid-conversation div.conversation-form{ border: none; position: relative; } -div.sib-conversation textarea{ +div.sib-conversation textarea, +div.solid-conversation textarea{ border-radius: 0; background: white; height: 4.5rem; @@ -1837,7 +1839,8 @@ div.sib-conversation textarea{ font-size: 1.6rem; } -div.sib-conversation div.conversation-form:before{ +div.sib-conversation div.conversation-form:before, +div.solid-conversation div.conversation-form:before{ content: "\f27a"; font-family: "Font Awesome 5 pro"; font-weight: 900; @@ -1850,7 +1853,8 @@ div.sib-conversation div.conversation-form:before{ color: var(--bg-btn-base); } -.sib-conversation form{ +.sib-conversation form, +.solid-conversation form{ overflow: hidden; input[type="submit"]{ float: right; @@ -1895,15 +1899,18 @@ cs-display-user-link { /*XXXXXXXXXXXXXXXXXX Commentaires XXXXXXXXXXXXXXXXXXXXXXXXXXX*/ -.sib-conversation div>.conversation-item{ +.sib-conversation div>.conversation-item, +.solid-conversation div>.conversation-item{ padding: 1.5rem; } -.sib-conversation [name="conversation-content"]{ +.sib-conversation [name="conversation-content"], +.solid-conversation [name="conversation-content"]{ width: 90%; &>*{ width: 100%; } - sib-set-default[name="conversation-head"]>*{ + sib-set-default[name="conversation-head"]>*, + solid-set-default[name="conversation-head"]>*{ width: 100%; text-align: left; font-size: 1.3rem; @@ -1912,17 +1919,20 @@ cs-display-user-link { margin: 0 0 1rem 0; font-weight: lighter; } - sib-set-default[name="conversation-head"]>*:first-child{ + sib-set-default[name="conversation-head"]>*:first-child, + solid-set-default[name="conversation-head"]>*:first-child{ order: 3; position: relative; left: -4rem; top: .5rem; font-size: 1.6rem; } - sib-set-default[name="conversation-head"]>*:last-child{ + sib-set-default[name="conversation-head"]>*:last-child, + solid-set-default[name="conversation-head"]>*:last-child{ order: 1; } - sib-set-default[name="conversation-author"]{ + sib-set-default[name="conversation-author"], + solid-set-default[name="conversation-author"]{ text-align: left; font-size: 1.3rem; } @@ -2246,6 +2256,9 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .sib-conversation [name="conversation-wrapper"], .sib-conversation [name="message-wrapper"], sib-display[nested-field="conversations"], + .solid-conversation [name="conversation-wrapper"], + .solid-conversation [name="message-wrapper"], + solid-display[nested-field="conversations"] sib-display[nested-field="dislikes"], sib-display[nested-field="likes"]{ display: none!important;