19c4a154a2acb271a69b919843dd0074ae2cd916

Committed 26 Nov 2024 09:53AM UTC coverage: 54.664% (-0.001%) from 54.665%

Build # 19c4a154a2acb271a69b919843dd0074ae2cd916

Build Type

Pull #21821

github

Committed by

web-flow

Commit Message

Merge 7ff2b2792 into 74ea9e4dc

Pull Request Pull Request #21821: 323 fix design of links in the related keyphrase suggestions modal semrush

Run Details

7592 of 13599 branches covered (55.83%)

Branch coverage included in aggregate %.

4 of 4 new or added lines in 1 file covered. (100.0%)

6 existing lines in 3 files now uncovered.

29737 of 54689 relevant lines covered (54.37%)

41965.93 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/packages/js/src/components/modals/Container.js

import styled from "styled-components";

import { Icon } from "@yoast/components";
import { getDirectionalStyle as getRtlStyle } from "@yoast/helpers";

export const ModalContainer = styled.div`
        min-width: 600px;

        @media screen and ( max-width: 680px ) {
                min-width: 0;
                width: 86vw;
        }
`;

export const ModalSmallContainer = styled.div`
        @media screen and ( min-width: 600px ) {
                max-width: 420px;
        }
`;

export const ModalIcon = styled( Icon )`
        float: ${ getRtlStyle( "right", "left" ) };
        margin: ${ getRtlStyle( "0 0 16px 16px", "0 16px 16px 0" ) };

        && {
                width: 150px;
                height: 150px;

                @media screen and ( max-width: 680px ) {
                        width: 80px;
                        height: 80px;
                }
        }
`;

1	import styled from "styled-components";
2
3	import { Icon } from "@yoast/components";
4	import { getDirectionalStyle as getRtlStyle } from "@yoast/helpers";
5
UNCOV 6	export const ModalContainer = styled.div`	×
7	min-width: 600px;
8
9	@media screen and ( max-width: 680px ) {
10	min-width: 0;
11	width: 86vw;
12	}
13	`;
14
UNCOV 15	export const ModalSmallContainer = styled.div`	×
16	@media screen and ( min-width: 600px ) {
17	max-width: 420px;
18	}
19	`;
20
UNCOV 21	export const ModalIcon = styled( Icon )`	×
22	float: ${ getRtlStyle( "right", "left" ) };
23	margin: ${ getRtlStyle( "0 0 16px 16px", "0 16px 16px 0" ) };
24
25	&& {
26	width: 150px;
27	height: 150px;
28
29	@media screen and ( max-width: 680px ) {
30	width: 80px;
31	height: 80px;
32	}
33	}
34	`;

Yoast / wordpress-seo / 19c4a154a2acb271a69b919843dd0074ae2cd916

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous