From b1aa5ddfbda8c7bfd1b7b925edb4875e8917d259 Mon Sep 17 00:00:00 2001 From: Keerthivasan D Date: Thu, 23 Mar 2023 06:53:29 +0530 Subject: [PATCH] Fix overflowing content inside card --- src/public/asset-manifest.json | 6 +++--- src/public/index.html | 2 +- src/public/static/css/main.39618ccf.css | 2 -- src/public/static/css/main.39618ccf.css.map | 1 - src/public/static/css/main.b20c63fe.css | 2 ++ src/public/static/css/main.b20c63fe.css.map | 1 + src/public/version.txt | 2 +- web/src/components/device-card/device-card/device-card.css | 1 - 8 files changed, 8 insertions(+), 9 deletions(-) delete mode 100644 src/public/static/css/main.39618ccf.css delete mode 100644 src/public/static/css/main.39618ccf.css.map create mode 100644 src/public/static/css/main.b20c63fe.css create mode 100644 src/public/static/css/main.b20c63fe.css.map diff --git a/src/public/asset-manifest.json b/src/public/asset-manifest.json index a832da7d3..6a8940746 100644 --- a/src/public/asset-manifest.json +++ b/src/public/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/device-farm/static/css/main.39618ccf.css", + "main.css": "/device-farm/static/css/main.b20c63fe.css", "main.js": "/device-farm/static/js/main.7d19b139.js", "static/js/988.125737e1.chunk.js": "/device-farm/static/js/988.125737e1.chunk.js", "static/media/apple-icon.svg": "/device-farm/static/media/apple-icon.a17e460ff848e58ea357b7d5e7dbb21f.svg", @@ -8,12 +8,12 @@ "index.html": "/device-farm/index.html", "static/media/apple-new-icon.svg": "/device-farm/static/media/apple-new-icon.568712db98ff3f83690a4e07bfe3d702.svg", "static/media/session-icon.svg": "/device-farm/static/media/session-icon.de13b0401a71c8b2ee17117134dabd57.svg", - "main.39618ccf.css.map": "/device-farm/static/css/main.39618ccf.css.map", + "main.b20c63fe.css.map": "/device-farm/static/css/main.b20c63fe.css.map", "main.7d19b139.js.map": "/device-farm/static/js/main.7d19b139.js.map", "988.125737e1.chunk.js.map": "/device-farm/static/js/988.125737e1.chunk.js.map" }, "entrypoints": [ - "static/css/main.39618ccf.css", + "static/css/main.b20c63fe.css", "static/js/main.7d19b139.js" ] } \ No newline at end of file diff --git a/src/public/index.html b/src/public/index.html index e4d1e395b..99edcb624 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -1 +1 @@ -Appium Device Farm
\ No newline at end of file +Appium Device Farm
\ No newline at end of file diff --git a/src/public/static/css/main.39618ccf.css b/src/public/static/css/main.39618ccf.css deleted file mode 100644 index 96f00e962..000000000 --- a/src/public/static/css/main.39618ccf.css +++ /dev/null @@ -1,2 +0,0 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.app-body-container{display:flex;height:90%}.device-info-card-container{border:1px solid #d0d7de;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:170px;margin:auto;position:relative;width:310px}.device-info-card-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.device-info-card-container.disabled{background-color:#f6f2f2;box-shadow:none}.device-info-card-container.disabled:hover{box-shadow:none;-webkit-transform:none;-webkit-transform:initial;transform:none}.device-info-card-container.busy{border:1px solid #ee8989;border-left-width:5px}.device-info-card-container__footer_wrapper,.device-info-card-container__title_wrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding:10px}.device-info-card-container__device-icon{height:16px;margin-right:10px;width:16px}.device-info-card-container__device-icon.ios{height:20px;margin-right:10px;width:20px}.device-info-card-container__device-title{color:#195ead;font-size:14px;font-weight:700;margin-right:auto;max-width:200px;word-break:break-all}.device-state{color:#939aa3;font-size:9px;font-weight:600;text-transform:uppercase}.device-state:before{border-radius:50%;content:"";display:inline-block;font-size:10px;height:8px;margin-right:3px;width:8px}.device-state.ready:before{background:green}.device-state.busy:before{background:red}.device-state.offline:before{background:grey}.device-info-card-container__body{align-items:flex-start;display:flex;flex-direction:column;padding:5px}.device-info-card-container__body_row{align-items:flex-start;display:flex;flex-direction:row;margin-left:8px;margin-top:5px}.device-info-card-container__body_row_label{color:#57606a;font-size:12px;font-weight:500;min-width:100px}.device-info-card-container__body_row_value{color:#3d3b3b;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;width:190px}.device-info-card__body_block-device,.device-info-card__body_unblock-device{border-radius:3px;bottom:20px;cursor:pointer;position:absolute;right:10px;z-index:10}.device-info-card__body_unblock-device{background:#d5eed5;border:1px solid #7bcf7b}.device-info-card__body_block-device{background:#eed5d5;border:1px solid #cf7b7b}.device-info-card-container__footer_wrapper{padding-top:15px}.dashboard-link-wrapper{align-items:center;display:flex;flex-direction:row;margin-right:10px}.footer-icon{height:15px;margin-right:5px;width:15px}.footer-deeplink{color:#195ead;cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.footer-label{color:#57606a;font-size:12px;font-weight:600}.device-explorer-card-container{grid-row-gap:30px;grid-column-gap:15px;box-shadow:inset 0 0 5px rgba(33,33,33,.2);-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-template-rows:repeat(auto-fill,minmax(170px,1fr));height:95%;overflow:scroll;padding:30px 20px 20px;place-items:top;row-gap:30px}.device-explorer-container{align-self:center;display:flex;flex-direction:column;height:100%;margin-left:20px;margin-right:20px;margin-top:10px;width:99%}.device-explorer-header-container{display:flex;flex-direction:row;min-height:65px;width:100%}.device-explorer-header-left-container{align-items:center;align-self:flex-start;display:flex;height:100%;padding-right:10px}.device-explorer-header-right-container{align-items:center;display:flex;height:100%;margin-left:auto;padding-right:10px}.device-explorer-header-entry{border-right:1px solid #aca8a8;display:flex;flex-direction:column;height:70%;margin-bottom:20px;margin-right:10px;margin-top:20px;padding-left:10px;padding-right:10px;width:auto}.device-explorer-header-entry-header{font-size:11px;font-weight:600;height:15px}.device-explorer-header-value{display:flex;flex-direction:row;padding-top:10px}.device-explorer-header__device-state{color:#000;cursor:pointer;font-size:11px;font-weight:600;margin-right:10px;padding:3px}.device-explorer-header__device-state:before{border-radius:50%;content:"";display:inline-block;font-size:10px;height:8px;margin-right:3px;width:8px}.device-explorer-header__device-state.ready:before{background:green}.device-explorer-header__device-state.busy:before{background:red}.device-explorer-header__device-state.offline:before{background:grey}.device-explorer-header__device-state.selected,img.device-explorer-header__device-platform.selected{background:#d5eed5;border:1px solid #7bcf7b;border-radius:10%}.device-explorer-header-text-filter{border:none;border-bottom:1px solid #b9b9b9;font-size:12px;min-width:200px;outline:none;padding-bottom:5px}.device-explorer-header-text-filter:focus{border-bottom:1px solid #eebf67}img.device-explorer-header__device-platform{cursor:pointer;height:20px;margin-right:10px;padding:3px;width:20x}img.device-explorer-header__device-platform.selected{border-radius:50%}.device-explorer-header-filter-count{color:grey;font-size:14px;margin-right:10px;padding:3px}.device-explorer-header-filter-count span{color:#111311;font-weight:600;padding-left:5px;padding-right:5px}.header-container{border-bottom:1px solid #ced8e1;display:flex;flex-direction:row;height:70px;width:100%}.header-logo-container{align-items:center;align-self:flex-start;display:flex;height:100%;justify-content:center;padding-left:10px;padding-right:10px}.header-logo{color:#000;font-size:19px;font-weight:600} -/*# sourceMappingURL=main.39618ccf.css.map*/ \ No newline at end of file diff --git a/src/public/static/css/main.39618ccf.css.map b/src/public/static/css/main.39618ccf.css.map deleted file mode 100644 index 442b944cd..000000000 --- a/src/public/static/css/main.39618ccf.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.39618ccf.css","mappings":"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","sources":["index.css","App.css","components/device-card/device-card/device-card.css","components/device-explorer/card-view/card-view.css","components/device-explorer/device-explorer.css","components/header/header.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".app-container {\n display: flex;\n height: 100vh;\n width: 100%;\n flex-direction: column;\n}\n\n.app-body-container {\n display: flex;\n height: 90%;\n}\n",".device-info-card-container {\n border: 1px solid #d0d7de;\n height: 170px;\n width: 310px;\n display: flex;\n flex-direction: column;\n margin: auto;\n border-radius: 5px;\n cursor: pointer;\n position: relative;\n /* box-shadow: 0 0 3px rgba(33, 33, 33, 0.2); */\n}\n\n.device-info-card-container:hover {\n transform: scale(1.1);\n}\n\n/* Disabled mode */\n\n.device-info-card-container.disabled {\n background-color: #f6f2f2;\n box-shadow: unset;\n}\n\n.device-info-card-container.disabled:hover {\n box-shadow: unset;\n transform: unset;\n}\n\n/* If the device is busy*/\n.device-info-card-container.busy {\n border: 1px solid rgb(238, 137, 137);\n border-left: 5px solid rgb(238, 137, 137);\n}\n\n/* device card title */\n.device-info-card-container__title_wrapper,\n.device-info-card-container__footer_wrapper {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n}\n\n.device-info-card-container__device-icon {\n height: 16px;\n width: 16px;\n margin-right: 10px;\n}\n\n.device-info-card-container__device-icon.ios {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n}\n\n.device-info-card-container__device-title {\n font-size: 14px;\n font-weight: bold;\n color: #195ead;\n word-break: break-all;\n max-width: 200px;\n margin-right: auto;\n}\n\n.device-state {\n font-size: 9px;\n text-transform: uppercase;\n color: #939aa3;\n font-weight: 600;\n}\n\n.device-state::before {\n content: '';\n display: inline-block;\n font-size: 10px;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin-right: 3px;\n}\n\n.device-state.ready::before {\n background: green;\n}\n\n.device-state.busy::before {\n background: red;\n}\n\n.device-state.offline::before {\n background: grey;\n}\n\n/* body */\n.device-info-card-container__body {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 5px;\n}\n\n.device-info-card-container__body_row {\n margin-left: 8px;\n margin-top: 5px;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n\n.device-info-card-container__body_row_label {\n font-size: 12px;\n color: #57606a;\n min-width: 100px;\n font-weight: 500;\n}\n.device-info-card-container__body_row_value {\n font-size: 12px;\n font-weight: 600;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 190px;\n color: rgb(61, 59, 59);\n}\n\n.device-info-card__body_block-device,\n.device-info-card__body_unblock-device {\n position: absolute;\n bottom: 20px;\n right: 10px;\n z-index: 10;\n cursor: pointer;\n border-radius: 3px;\n}\n\n.device-info-card__body_unblock-device {\n background: rgb(213, 238, 213);\n border: 1px solid rgb(123, 207, 123);\n}\n.device-info-card__body_block-device {\n background: rgb(238, 213, 213);\n border: 1px solid rgb(207, 123, 123);\n}\n\n/* footer */\n.device-info-card-container__footer_wrapper {\n padding-top: 15px;\n}\n\n.dashboard-link-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-right: 10px;\n}\n\n.footer-icon {\n height: 15px;\n width: 15px;\n margin-right: 5px;\n}\n\n.footer-deeplink {\n font-size: 12px;\n color: #195ead;\n font-weight: 600;\n cursor: pointer;\n text-decoration: underline;\n}\n\n.footer-label {\n font-size: 12px;\n color: #57606a;\n font-weight: 600;\n}\n",".device-explorer-card-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));\n grid-template-rows: repeat(auto-fill, minmax(170px, 1fr));\n row-gap: 30px;\n column-gap: 15px;\n height: 95%;\n overflow: scroll;\n padding-top: 30px;\n padding-bottom: 20px;\n padding-right: 20px;\n padding-left: 20px;\n box-shadow: inset 0 0 5px rgba(33, 33, 33, 0.2);\n place-items: top;\n}\n",".device-explorer-container {\n height: 100%;\n width: 99%;\n display: flex;\n flex-direction: column;\n align-self: center;\n margin-right: 20px;\n margin-left: 20px;\n margin-top: 10px;\n}\n\n.device-explorer-header-container {\n min-height: 65px;\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.device-explorer-header-left-container {\n display: flex;\n align-self: flex-start;\n align-items: center;\n height: 100%;\n padding-right: 10px;\n}\n\n.device-explorer-header-right-container {\n display: flex;\n margin-left: auto;\n height: 100%;\n align-items: center;\n padding-right: 10px;\n}\n\n.device-explorer-header-entry {\n height: 70%;\n width: auto;\n display: flex;\n flex-direction: column;\n padding-left: 10px;\n padding-right: 10px;\n margin-right: 10px;\n border-right: 1px solid #aca8a8;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.device-explorer-header-entry-header {\n height: 15px;\n font-size: 11px;\n font-weight: 600;\n}\n\n.device-explorer-header-value {\n padding-top: 10px;\n display: flex;\n flex-direction: row;\n}\n\n.device-explorer-header__device-state {\n font-size: 11px;\n color: black;\n font-weight: 600;\n margin-right: 10px;\n padding: 3px;\n cursor: pointer;\n}\n\n.device-explorer-header__device-state::before {\n content: '';\n display: inline-block;\n font-size: 10px;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin-right: 3px;\n}\n\n.device-explorer-header__device-state.ready::before {\n background: green;\n}\n\n.device-explorer-header__device-state.busy::before {\n background: red;\n}\n\n.device-explorer-header__device-state.offline::before {\n background: grey;\n}\n\nimg.device-explorer-header__device-platform.selected,\n.device-explorer-header__device-state.selected {\n background: rgb(213, 238, 213);\n border: 1px solid rgb(123, 207, 123);\n border-radius: 10%;\n}\n\n.device-explorer-header-text-filter {\n border: none;\n border-bottom: 1px solid rgb(185, 185, 185);\n outline: none;\n font-size: 12px;\n min-width: 200px;\n padding-bottom: 5px;\n}\n\n.device-explorer-header-text-filter:focus {\n border-bottom: 1px solid rgb(238, 191, 103);\n}\n\nimg.device-explorer-header__device-platform {\n height: 20px;\n width: 20x;\n margin-right: 10px;\n padding: 3px;\n cursor: pointer;\n}\n\nimg.device-explorer-header__device-platform.selected {\n border-radius: 50%;\n}\n\n.device-explorer-header-filter-count {\n font-size: 14px;\n margin-right: 10px;\n padding: 3px;\n color: grey;\n}\n\n.device-explorer-header-filter-count span {\n padding-left: 5px;\n padding-right: 5px;\n color: rgb(17, 19, 17);\n font-weight: 600;\n}\n",".header-container {\n display: flex;\n flex-direction: row;\n height: 70px;\n width: 100%;\n border-bottom: 1px solid #ced8e1;\n}\n\n.header-logo-container {\n display: flex;\n align-self: flex-start;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding-right: 10px;\n padding-left: 10px;\n}\n\n.header-logo {\n color: #000000;\n font-size: 19px;\n font-weight: 600;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/public/static/css/main.b20c63fe.css b/src/public/static/css/main.b20c63fe.css new file mode 100644 index 000000000..424fdc9c5 --- /dev/null +++ b/src/public/static/css/main.b20c63fe.css @@ -0,0 +1,2 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.app-body-container{display:flex;height:90%}.device-info-card-container{border:1px solid #d0d7de;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:170px;margin:auto;position:relative;width:310px}.device-info-card-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.device-info-card-container.disabled{background-color:#f6f2f2;box-shadow:none}.device-info-card-container.disabled:hover{box-shadow:none;-webkit-transform:none;-webkit-transform:initial;transform:none}.device-info-card-container.busy{border:1px solid #ee8989;border-left-width:5px}.device-info-card-container__footer_wrapper,.device-info-card-container__title_wrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding:10px}.device-info-card-container__device-icon{height:16px;margin-right:10px;width:16px}.device-info-card-container__device-icon.ios{height:20px;margin-right:10px;width:20px}.device-info-card-container__device-title{color:#195ead;font-size:14px;font-weight:700;margin-right:auto;max-width:200px;word-break:break-all}.device-state{color:#939aa3;font-size:9px;font-weight:600;text-transform:uppercase}.device-state:before{border-radius:50%;content:"";display:inline-block;font-size:10px;height:8px;margin-right:3px;width:8px}.device-state.ready:before{background:green}.device-state.busy:before{background:red}.device-state.offline:before{background:grey}.device-info-card-container__body{align-items:flex-start;display:flex;flex-direction:column;padding:5px}.device-info-card-container__body_row{align-items:flex-start;display:flex;flex-direction:row;margin-left:8px;margin-top:5px}.device-info-card-container__body_row_label{color:#57606a;font-size:12px;font-weight:500;min-width:100px}.device-info-card-container__body_row_value{color:#3d3b3b;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:190px}.device-info-card__body_block-device,.device-info-card__body_unblock-device{border-radius:3px;bottom:20px;cursor:pointer;position:absolute;right:10px;z-index:10}.device-info-card__body_unblock-device{background:#d5eed5;border:1px solid #7bcf7b}.device-info-card__body_block-device{background:#eed5d5;border:1px solid #cf7b7b}.device-info-card-container__footer_wrapper{padding-top:15px}.dashboard-link-wrapper{align-items:center;display:flex;flex-direction:row;margin-right:10px}.footer-icon{height:15px;margin-right:5px;width:15px}.footer-deeplink{color:#195ead;cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.footer-label{color:#57606a;font-size:12px;font-weight:600}.device-explorer-card-container{grid-row-gap:30px;grid-column-gap:15px;box-shadow:inset 0 0 5px rgba(33,33,33,.2);-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-template-rows:repeat(auto-fill,minmax(170px,1fr));height:95%;overflow:scroll;padding:30px 20px 20px;place-items:top;row-gap:30px}.device-explorer-container{align-self:center;display:flex;flex-direction:column;height:100%;margin-left:20px;margin-right:20px;margin-top:10px;width:99%}.device-explorer-header-container{display:flex;flex-direction:row;min-height:65px;width:100%}.device-explorer-header-left-container{align-items:center;align-self:flex-start;display:flex;height:100%;padding-right:10px}.device-explorer-header-right-container{align-items:center;display:flex;height:100%;margin-left:auto;padding-right:10px}.device-explorer-header-entry{border-right:1px solid #aca8a8;display:flex;flex-direction:column;height:70%;margin-bottom:20px;margin-right:10px;margin-top:20px;padding-left:10px;padding-right:10px;width:auto}.device-explorer-header-entry-header{font-size:11px;font-weight:600;height:15px}.device-explorer-header-value{display:flex;flex-direction:row;padding-top:10px}.device-explorer-header__device-state{color:#000;cursor:pointer;font-size:11px;font-weight:600;margin-right:10px;padding:3px}.device-explorer-header__device-state:before{border-radius:50%;content:"";display:inline-block;font-size:10px;height:8px;margin-right:3px;width:8px}.device-explorer-header__device-state.ready:before{background:green}.device-explorer-header__device-state.busy:before{background:red}.device-explorer-header__device-state.offline:before{background:grey}.device-explorer-header__device-state.selected,img.device-explorer-header__device-platform.selected{background:#d5eed5;border:1px solid #7bcf7b;border-radius:10%}.device-explorer-header-text-filter{border:none;border-bottom:1px solid #b9b9b9;font-size:12px;min-width:200px;outline:none;padding-bottom:5px}.device-explorer-header-text-filter:focus{border-bottom:1px solid #eebf67}img.device-explorer-header__device-platform{cursor:pointer;height:20px;margin-right:10px;padding:3px;width:20x}img.device-explorer-header__device-platform.selected{border-radius:50%}.device-explorer-header-filter-count{color:grey;font-size:14px;margin-right:10px;padding:3px}.device-explorer-header-filter-count span{color:#111311;font-weight:600;padding-left:5px;padding-right:5px}.header-container{border-bottom:1px solid #ced8e1;display:flex;flex-direction:row;height:70px;width:100%}.header-logo-container{align-items:center;align-self:flex-start;display:flex;height:100%;justify-content:center;padding-left:10px;padding-right:10px}.header-logo{color:#000;font-size:19px;font-weight:600} +/*# sourceMappingURL=main.b20c63fe.css.map*/ \ No newline at end of file diff --git a/src/public/static/css/main.b20c63fe.css.map b/src/public/static/css/main.b20c63fe.css.map new file mode 100644 index 000000000..22909fa75 --- /dev/null +++ b/src/public/static/css/main.b20c63fe.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.b20c63fe.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCZA,eACE,YAAa,CAGb,qBAAsB,CAFtB,YAAa,CACb,UAEF,CAEA,oBACE,YAAa,CACb,UACF,CCVA,4BACE,wBAAyB,CAMzB,iBAAkB,CAClB,cAAe,CAJf,YAAa,CACb,qBAAsB,CAHtB,YAAa,CAIb,WAAY,CAGZ,iBAAkB,CANlB,WAQF,CAEA,kCACE,4BAAqB,CAArB,oBACF,CAIA,qCACE,wBAAyB,CACzB,eACF,CAEA,2CACE,eAAiB,CACjB,sBAAgB,CAAhB,yBAAgB,CAAhB,cACF,CAGA,iCAEE,wBAAyC,CAAzC,qBACF,CAGA,uFAKE,kBAAmB,CAHnB,YAAa,CACb,kBAAmB,CACnB,0BAA2B,CAE3B,YACF,CAEA,yCACE,WAAY,CAEZ,iBAAkB,CADlB,UAEF,CAEA,6CACE,WAAY,CAEZ,iBAAkB,CADlB,UAEF,CAEA,0CAGE,aAAc,CAFd,cAAe,CACf,eAAiB,CAIjB,iBAAkB,CADlB,eAAgB,CADhB,oBAGF,CAEA,cAGE,aAAc,CAFd,aAAc,CAGd,eAAgB,CAFhB,wBAGF,CAEA,qBAME,iBAAkB,CALlB,UAAW,CACX,oBAAqB,CACrB,cAAe,CACf,UAAW,CAGX,gBAAiB,CAFjB,SAGF,CAEA,2BACE,gBACF,CAEA,0BACE,cACF,CAEA,6BACE,eACF,CAGA,kCAGE,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAEtB,WACF,CAEA,sCAKE,sBAAuB,CAFvB,YAAa,CACb,kBAAmB,CAHnB,eAAgB,CAChB,cAIF,CAEA,4CAEE,aAAc,CADd,cAAe,CAGf,eAAgB,CADhB,eAEF,CACA,4CAOE,aAAsB,CANtB,cAAe,CACf,eAAgB,CAEhB,eAAgB,CAChB,sBAAuB,CAFvB,kBAAmB,CAGnB,WAEF,CAEA,4EAOE,iBAAkB,CAJlB,WAAY,CAGZ,cAAe,CAJf,iBAAkB,CAElB,UAAW,CACX,UAGF,CAEA,uCACE,kBAA8B,CAC9B,wBACF,CACA,qCACE,kBAA8B,CAC9B,wBACF,CAGA,4CACE,gBACF,CAEA,wBAGE,kBAAmB,CAFnB,YAAa,CACb,kBAAmB,CAEnB,iBACF,CAEA,aACE,WAAY,CAEZ,gBAAiB,CADjB,UAEF,CAEA,iBAEE,aAAc,CAEd,cAAe,CAHf,cAAe,CAEf,eAAgB,CAEhB,yBACF,CAEA,cAEE,aAAc,CADd,cAAe,CAEf,eACF,CChLA,gCAIE,iBAAa,CACb,oBAAgB,CAOhB,0CAA+C,CAP/C,uBAAgB,CAAhB,eAAgB,CAJhB,YAAa,CACb,yDAA4D,CAC5D,sDAAyD,CAGzD,UAAW,CACX,eAAgB,CAIhB,sBAAkB,CAElB,eAAgB,CAThB,YAUF,CCdA,2BAKE,iBAAkB,CAFlB,YAAa,CACb,qBAAsB,CAHtB,WAAY,CAMZ,gBAAiB,CADjB,iBAAkB,CAElB,eAAgB,CANhB,SAOF,CAEA,kCAGE,YAAa,CACb,kBAAmB,CAHnB,eAAgB,CAChB,UAGF,CAEA,uCAGE,kBAAmB,CADnB,qBAAsB,CADtB,YAAa,CAGb,WAAY,CACZ,kBACF,CAEA,wCAIE,kBAAmB,CAHnB,YAAa,CAEb,WAAY,CADZ,gBAAiB,CAGjB,kBACF,CAEA,8BAQE,8BAA+B,CAL/B,YAAa,CACb,qBAAsB,CAHtB,UAAW,CAQX,kBAAmB,CAFnB,iBAAkB,CAGlB,eAAgB,CALhB,iBAAkB,CAClB,kBAAmB,CAJnB,UASF,CAEA,qCAEE,cAAe,CACf,eAAgB,CAFhB,WAGF,CAEA,8BAEE,YAAa,CACb,kBAAmB,CAFnB,gBAGF,CAEA,sCAEE,UAAY,CAIZ,cAAe,CALf,cAAe,CAEf,eAAgB,CAChB,iBAAkB,CAClB,WAEF,CAEA,6CAME,iBAAkB,CALlB,UAAW,CACX,oBAAqB,CACrB,cAAe,CACf,UAAW,CAGX,gBAAiB,CAFjB,SAGF,CAEA,mDACE,gBACF,CAEA,kDACE,cACF,CAEA,qDACE,eACF,CAEA,oGAEE,kBAA8B,CAC9B,wBAAoC,CACpC,iBACF,CAEA,oCAEE,WAA2C,CAA3C,+BAA2C,CAE3C,cAAe,CACf,eAAgB,CAFhB,YAAa,CAGb,kBACF,CAEA,0CACE,+BACF,CAEA,4CAKE,cAAe,CAJf,WAAY,CAEZ,iBAAkB,CAClB,WAAY,CAFZ,SAIF,CAEA,qDACE,iBACF,CAEA,qCAIE,UAAW,CAHX,cAAe,CACf,iBAAkB,CAClB,WAEF,CAEA,0CAGE,aAAsB,CACtB,eAAgB,CAHhB,gBAAiB,CACjB,iBAGF,CCtIA,kBAKE,+BAAgC,CAJhC,YAAa,CACb,kBAAmB,CACnB,WAAY,CACZ,UAEF,CAEA,uBAGE,kBAAmB,CADnB,qBAAsB,CADtB,YAAa,CAIb,WAAY,CADZ,sBAAuB,CAGvB,iBAAkB,CADlB,kBAEF,CAEA,aACE,UAAc,CACd,cAAe,CACf,eACF","sources":["index.css","App.css","components/device-card/device-card/device-card.css","components/device-explorer/card-view/card-view.css","components/device-explorer/device-explorer.css","components/header/header.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".app-container {\n display: flex;\n height: 100vh;\n width: 100%;\n flex-direction: column;\n}\n\n.app-body-container {\n display: flex;\n height: 90%;\n}\n",".device-info-card-container {\n border: 1px solid #d0d7de;\n height: 170px;\n width: 310px;\n display: flex;\n flex-direction: column;\n margin: auto;\n border-radius: 5px;\n cursor: pointer;\n position: relative;\n /* box-shadow: 0 0 3px rgba(33, 33, 33, 0.2); */\n}\n\n.device-info-card-container:hover {\n transform: scale(1.1);\n}\n\n/* Disabled mode */\n\n.device-info-card-container.disabled {\n background-color: #f6f2f2;\n box-shadow: unset;\n}\n\n.device-info-card-container.disabled:hover {\n box-shadow: unset;\n transform: unset;\n}\n\n/* If the device is busy*/\n.device-info-card-container.busy {\n border: 1px solid rgb(238, 137, 137);\n border-left: 5px solid rgb(238, 137, 137);\n}\n\n/* device card title */\n.device-info-card-container__title_wrapper,\n.device-info-card-container__footer_wrapper {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n}\n\n.device-info-card-container__device-icon {\n height: 16px;\n width: 16px;\n margin-right: 10px;\n}\n\n.device-info-card-container__device-icon.ios {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n}\n\n.device-info-card-container__device-title {\n font-size: 14px;\n font-weight: bold;\n color: #195ead;\n word-break: break-all;\n max-width: 200px;\n margin-right: auto;\n}\n\n.device-state {\n font-size: 9px;\n text-transform: uppercase;\n color: #939aa3;\n font-weight: 600;\n}\n\n.device-state::before {\n content: '';\n display: inline-block;\n font-size: 10px;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin-right: 3px;\n}\n\n.device-state.ready::before {\n background: green;\n}\n\n.device-state.busy::before {\n background: red;\n}\n\n.device-state.offline::before {\n background: grey;\n}\n\n/* body */\n.device-info-card-container__body {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 5px;\n}\n\n.device-info-card-container__body_row {\n margin-left: 8px;\n margin-top: 5px;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n\n.device-info-card-container__body_row_label {\n font-size: 12px;\n color: #57606a;\n min-width: 100px;\n font-weight: 500;\n}\n.device-info-card-container__body_row_value {\n font-size: 12px;\n font-weight: 600;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 190px;\n color: rgb(61, 59, 59);\n}\n\n.device-info-card__body_block-device,\n.device-info-card__body_unblock-device {\n position: absolute;\n bottom: 20px;\n right: 10px;\n z-index: 10;\n cursor: pointer;\n border-radius: 3px;\n}\n\n.device-info-card__body_unblock-device {\n background: rgb(213, 238, 213);\n border: 1px solid rgb(123, 207, 123);\n}\n.device-info-card__body_block-device {\n background: rgb(238, 213, 213);\n border: 1px solid rgb(207, 123, 123);\n}\n\n/* footer */\n.device-info-card-container__footer_wrapper {\n padding-top: 15px;\n}\n\n.dashboard-link-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-right: 10px;\n}\n\n.footer-icon {\n height: 15px;\n width: 15px;\n margin-right: 5px;\n}\n\n.footer-deeplink {\n font-size: 12px;\n color: #195ead;\n font-weight: 600;\n cursor: pointer;\n text-decoration: underline;\n}\n\n.footer-label {\n font-size: 12px;\n color: #57606a;\n font-weight: 600;\n}\n",".device-explorer-card-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));\n grid-template-rows: repeat(auto-fill, minmax(170px, 1fr));\n row-gap: 30px;\n column-gap: 15px;\n height: 95%;\n overflow: scroll;\n padding-top: 30px;\n padding-bottom: 20px;\n padding-right: 20px;\n padding-left: 20px;\n box-shadow: inset 0 0 5px rgba(33, 33, 33, 0.2);\n place-items: top;\n}\n",".device-explorer-container {\n height: 100%;\n width: 99%;\n display: flex;\n flex-direction: column;\n align-self: center;\n margin-right: 20px;\n margin-left: 20px;\n margin-top: 10px;\n}\n\n.device-explorer-header-container {\n min-height: 65px;\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.device-explorer-header-left-container {\n display: flex;\n align-self: flex-start;\n align-items: center;\n height: 100%;\n padding-right: 10px;\n}\n\n.device-explorer-header-right-container {\n display: flex;\n margin-left: auto;\n height: 100%;\n align-items: center;\n padding-right: 10px;\n}\n\n.device-explorer-header-entry {\n height: 70%;\n width: auto;\n display: flex;\n flex-direction: column;\n padding-left: 10px;\n padding-right: 10px;\n margin-right: 10px;\n border-right: 1px solid #aca8a8;\n margin-bottom: 20px;\n margin-top: 20px;\n}\n\n.device-explorer-header-entry-header {\n height: 15px;\n font-size: 11px;\n font-weight: 600;\n}\n\n.device-explorer-header-value {\n padding-top: 10px;\n display: flex;\n flex-direction: row;\n}\n\n.device-explorer-header__device-state {\n font-size: 11px;\n color: black;\n font-weight: 600;\n margin-right: 10px;\n padding: 3px;\n cursor: pointer;\n}\n\n.device-explorer-header__device-state::before {\n content: '';\n display: inline-block;\n font-size: 10px;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin-right: 3px;\n}\n\n.device-explorer-header__device-state.ready::before {\n background: green;\n}\n\n.device-explorer-header__device-state.busy::before {\n background: red;\n}\n\n.device-explorer-header__device-state.offline::before {\n background: grey;\n}\n\nimg.device-explorer-header__device-platform.selected,\n.device-explorer-header__device-state.selected {\n background: rgb(213, 238, 213);\n border: 1px solid rgb(123, 207, 123);\n border-radius: 10%;\n}\n\n.device-explorer-header-text-filter {\n border: none;\n border-bottom: 1px solid rgb(185, 185, 185);\n outline: none;\n font-size: 12px;\n min-width: 200px;\n padding-bottom: 5px;\n}\n\n.device-explorer-header-text-filter:focus {\n border-bottom: 1px solid rgb(238, 191, 103);\n}\n\nimg.device-explorer-header__device-platform {\n height: 20px;\n width: 20x;\n margin-right: 10px;\n padding: 3px;\n cursor: pointer;\n}\n\nimg.device-explorer-header__device-platform.selected {\n border-radius: 50%;\n}\n\n.device-explorer-header-filter-count {\n font-size: 14px;\n margin-right: 10px;\n padding: 3px;\n color: grey;\n}\n\n.device-explorer-header-filter-count span {\n padding-left: 5px;\n padding-right: 5px;\n color: rgb(17, 19, 17);\n font-weight: 600;\n}\n",".header-container {\n display: flex;\n flex-direction: row;\n height: 70px;\n width: 100%;\n border-bottom: 1px solid #ced8e1;\n}\n\n.header-logo-container {\n display: flex;\n align-self: flex-start;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding-right: 10px;\n padding-left: 10px;\n}\n\n.header-logo {\n color: #000000;\n font-size: 19px;\n font-weight: 600;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/public/version.txt b/src/public/version.txt index ebdb4c27e..5757381da 100644 --- a/src/public/version.txt +++ b/src/public/version.txt @@ -1 +1 @@ -Build date - Thu 23 Mar 2023 06:41:14 IST by keerthivasand +Build date - Thu 23 Mar 2023 06:52:19 IST by keerthivasand diff --git a/web/src/components/device-card/device-card/device-card.css b/web/src/components/device-card/device-card/device-card.css index 0b5acf3b5..ec32274a3 100644 --- a/web/src/components/device-card/device-card/device-card.css +++ b/web/src/components/device-card/device-card/device-card.css @@ -118,7 +118,6 @@ .device-info-card-container__body_row_value { font-size: 12px; font-weight: 600; - width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;