diff --git a/projects/tentacles/src/python/tentacles/static/css/style.scss b/projects/tentacles/src/python/tentacles/static/css/style.scss index 1055d33..16ae715 100644 --- a/projects/tentacles/src/python/tentacles/static/css/style.scss +++ b/projects/tentacles/src/python/tentacles/static/css/style.scss @@ -66,7 +66,17 @@ label { flex-wrap: wrap; } -@media (max-width: 760px) { +.u-flex-break { + flex-basis: 100%; +} + +.u-overflow-elipsis { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +@media (max-width: 550px) { .file, .printer, .key, .job { flex-direction: column; margin-bottom: 10px; @@ -79,8 +89,8 @@ label { } .row.webcams { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; img { border-radius: 10px; @@ -100,3 +110,32 @@ label { input[type='text'], input[type='password'], select { width: 100%; } + +input[type="image"] { + height: 38px; + padding: 0 30px; + color: #555; + text-align: center; + font-size: 11px; + font-weight: 600; + line-height: 38px; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 4px; + // border: 1px solid #bbb; + cursor: pointer; + // box-sizing: border-box; +} + +.row.bubble { + border-radius: 4px; + border: 1px solid $black; +} + +.u-mv-auto { + margin-top: auto; + margin-bottom: auto; +} diff --git a/projects/tentacles/src/python/tentacles/static/delete.svg b/projects/tentacles/src/python/tentacles/static/delete.svg new file mode 100644 index 0000000..49a2421 --- /dev/null +++ b/projects/tentacles/src/python/tentacles/static/delete.svg @@ -0,0 +1,47 @@ + + diff --git a/projects/tentacles/src/python/tentacles/static/download.svg b/projects/tentacles/src/python/tentacles/static/download.svg new file mode 100644 index 0000000..0025c1c --- /dev/null +++ b/projects/tentacles/src/python/tentacles/static/download.svg @@ -0,0 +1,52 @@ + + diff --git a/projects/tentacles/src/python/tentacles/static/print.svg b/projects/tentacles/src/python/tentacles/static/print.svg new file mode 100644 index 0000000..72bc456 --- /dev/null +++ b/projects/tentacles/src/python/tentacles/static/print.svg @@ -0,0 +1,43 @@ + + diff --git a/projects/tentacles/src/python/tentacles/templates/files_list.html.j2 b/projects/tentacles/src/python/tentacles/templates/files_list.html.j2 index 88f0085..772728c 100644 --- a/projects/tentacles/src/python/tentacles/templates/files_list.html.j2 +++ b/projects/tentacles/src/python/tentacles/templates/files_list.html.j2 @@ -4,14 +4,21 @@ {% if files %} {% for file in files %}