Made connection title pic pairs have a vertical split instead of a diagonal one.
@@ -24,17 +24,12 @@ won-connection-header {
.ch__icon__ownneed {
z-index: 1;
+ clip-path: polygon(0 0, 44% 0, 44% 105%, 0 105%); // left half
}
.ch__icon__theirneed {
z-index: 2;
- //clip-path: polygon(100% 0, 100% 100%, 0 100%); //this polygon cuts diagonally
- clip-path: polygon(
- 105% -5%,
- 105% 105%,
- -5% 105%
- ); //this polygon cuts diagonally with a little "padding" to reduce artifact due to clipping
- // clip-path: polygon(80% 0, 100% 0, 100% 100%, 20% 100%); //this polygon leaves some "padding" before cutting
+ clip-path: polygon(48% 0, 105% 0, 105% 105%, 48% 105%); // right half
}
}
.ch__right {
