diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 9943b77..4121706 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -17,8 +17,9 @@ jobs: - name: Install Dependencies run: | pip3 install -r requirements.txt + pip3 install -e . - name: Run Tests run: | - python3 -m py.test --cov ./pytest_html_reporter/ tests/unit/ + python3 -m pytest --cov ./pytest_html_reporter/ tests/unit/ coveralls --service=github bash <(curl -s https://codecov.io/bash) \ No newline at end of file diff --git a/html/template.html b/html/template.html index 4b95b76..e721e6a 100644 --- a/html/template.html +++ b/html/template.html @@ -32,7 +32,7 @@ .sidenav { height: 100%; - width: 220px; + width: 180px; position: fixed; z-index: 1; top: 0; @@ -44,13 +44,247 @@ .sidenav a { padding: 12px 10px 8px 12px; text-decoration: none; - font-size: 18px; + font-size: 16px; color: #a2a2a2; display: block; } .main { - padding-top: 10px; + padding: 10px 20px 20px 20px; + margin-left: 180px; + } + + @media screen and (max-width: 768px) { + .sidenav { + width: 60px; + } + .sidenav a { + font-size: 0; + padding: 12px 10px 8px 18px; + } + .sidenav a i { + font-size: 18px; + } + .main { + margin-left: 60px; + padding: 10px 10px 15px 10px; + } + .logo-link { + display: none; + } + .row.rowcard { + flex-direction: column; + margin: 0; + } + .col-md-6.card, .col-md-8.card, .col-md-4.card, .dashboard-card { + max-width: 100% !important; + margin-left: 0 !important; + margin-bottom: 15px; + width: 100%; + } + .card__footer { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px 5px; + padding: 10px 5px; + } + .card__footer-section { + width: 100%; + min-width: unset; + padding: 8px 2px; + } + .footer-section__data { + font-size: 1.6rem; + } + .footer-section__label { + font-size: 9pt; + text-transform: uppercase; + } + .total__count { + font-size: 3.5rem; + display: block; + text-align: center; + width: 100%; + margin: 10px 0; + } + .total_count__label { + display: block; + text-align: center; + width: 100%; + padding-left: 0 !important; + font-size: 1rem; + margin-bottom: 15px; + } + .header__title { + font-size: 1.1rem; + padding-left: 0 !important; + padding-top: 0 !important; + text-align: center; + width: 100%; + font-weight: 600; + } + .header__date { + font-size: 0.55rem; + padding-left: 10px !important; + text-align: left; + width: auto; + position: absolute !important; + top: 10px !important; + left: 0 !important; + margin-top: 0 !important; + margin-bottom: 0 !important; + color: #999; + } + .card__header { + justify-content: center; + margin-bottom: 20px; + position: relative; + min-height: 30px; + } + .card__header:nth-child(2) { + position: absolute !important; + top: 10px !important; + left: 0 !important; + margin: 0 !important; + width: auto !important; + } + .time__taken { + font-size: 11px; + padding: 0; + } + .time-taken-wrapper { + margin-left: 0 !important; + margin-bottom: 0 !important; + text-align: right; + position: absolute !important; + top: 10px; + right: 10px; + } + .time-taken-wrapper svg { + width: 14px !important; + height: 14px !important; + margin: 0 4px 0 0 !important; + } + /* Mobile layout: first div holds date/time absolutely positioned */ + .card__content > div:first-child { + position: relative !important; + margin-bottom: 0 !important; + height: 40px; + } + /* Mobile layout: count left, label below, chart right */ + .card__content > div:nth-child(2) { + display: grid !important; + grid-template-columns: 1fr 140px; + grid-template-rows: auto auto; + gap: 15px 20px; + align-items: start; + margin-top: 20px !important; + position: relative; + } + /* Count and label section */ + .card__content > div:nth-child(2) > div:first-child { + grid-column: 1; + grid-row: 1 / span 2; + display: flex; + flex-direction: column; + justify-content: flex-start; + } + /* Chart section */ + .card__content > div:nth-child(3) { + grid-column: 2 !important; + grid-row: 1 / span 2 !important; + margin: 0 !important; + align-self: center; + position: static !important; + } + .outer_my_chart { + position: static !important; + margin: 0 auto !important; + width: 130px !important; + height: 130px !important; + float: none !important; + left: auto !important; + right: auto !important; + top: auto !important; + } + .inner_my_chart { + max-width: 130px !important; + max-height: 130px !important; + } + .total__count { + font-size: 3.2rem; + display: block; + text-align: left; + width: 100%; + margin: 0; + padding-left: 10px; + line-height: 0.9; + font-weight: bold; + } + .total_count__label { + display: block; + text-align: left; + width: 100%; + padding-left: 10px !important; + font-size: 0.7rem; + margin-top: 5px; + margin-bottom: 0; + color: #888; + text-transform: uppercase; + letter-spacing: 0.5px; + } + .suite_count_section { + margin-top: 12px; + } + .dashboard__headers { + font-size: 1.1rem; + padding-left: 10px !important; + } + .dashboard-card-inner { + min-height: auto !important; + height: auto !important; + padding: 10px 5px; + } + .suite-stats-wrapper { + margin-top: 15px !important; + position: static !important; + } + .card__content { + padding: 0.5rem 0.3rem; + position: relative; + display: flex; + flex-direction: column; + } + .card__content > div { + position: static !important; + margin-left: 0 !important; + } + .card__content > div[style*="margin-left: 30%"] { + margin-left: 0 !important; + } + #download { + position: relative !important; + display: block; + text-align: right; + margin-bottom: 10px; + padding-right: 10px; + } + #download i { + position: static !important; + float: none !important; + } + .chart { + max-width: 100%; + height: auto !important; + } + canvas#trends, canvas#groupBarChart { + max-width: 100% !important; + height: auto !important; + } + } + + text-align: center; + } } @media screen and (max-height: 450px) { @@ -58,7 +292,7 @@ padding-top: 15px; } .sidenav a { - font-size: 18px; + font-size: 16px; } } @@ -68,14 +302,24 @@ border-radius: 5px; transition: all 0.3s ease; background-color: #f8f9fa; + max-width: 90%; + max-height: 50px; + } + + .wrimagecard[src=""], .wrimagecard:not([src]) { + display: none; + } + + .logo-link { + min-height: 0; } .rowcard { - # padding-top: 10px; + /* padding-top: 10px; */ box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15); border-radius: 6px; transition: all 0.3s ease; - # background-color: white; + /* background-color: white; */ } .tablecard { @@ -106,8 +350,8 @@ .card-wrapper { background-color: #f5f5f5; - # height: 100vh; - # width: 100vw; + /* height: 100vh; */ + /* width: 100vw; */ display: grid; } @@ -115,7 +359,7 @@ background-color: #ffff; display: flex; flex-direction: column; - # place-self: center; + /* place-self: center; */ border-radius: 4px; box-shadow: 1px 1px 4px rgba(0,0,0,0.4); } @@ -146,7 +390,7 @@ } .header__date { - font-size: 1.3rem; + font-size: 0.9rem; font-family: sans-serif; padding-left: 5%; color: darkgray; @@ -157,13 +401,16 @@ font-family: sans-serif; color: black; padding-top: 8%; + text-align: left; + padding-left: 5%; } .total_count__label { font-size: 1.3rem; font-family: sans-serif; - padding-left: 12%; + padding-left: 5%; color: darkgray; + text-align: left; } .header__title-icon { @@ -211,7 +458,7 @@ .card__footer-section { text-align: center; width: 33%; - # border-right: 1px solid #ccc; + /* border-right: 1px solid #ccc; */ } .archive-card__footer-section { @@ -735,8 +982,8 @@
- - + + Dashboard @@ -754,14 +1001,14 @@ Screenshots
-
+
-
-
+
+
-
+
Time taken %(execution_time)% @@ -788,7 +1035,7 @@
-
+