From deb39b002c1d00e4ce57f8facd61012b152d2671 Mon Sep 17 00:00:00 2001 From: David Renner Date: Fri, 5 Jun 2020 11:50:36 +0200 Subject: [PATCH 1/6] struktur scss erstellt --- index.html | 3 +++ scss/main.scss | 0 scss/menu.scss | 0 scss/tables.scss | 0 4 files changed, 3 insertions(+) create mode 100644 scss/main.scss create mode 100644 scss/menu.scss create mode 100644 scss/tables.scss diff --git a/index.html b/index.html index a4f3e9a..b446fc3 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,9 @@ Bücherwurm WebInterface + + +
diff --git a/scss/main.scss b/scss/main.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/menu.scss b/scss/menu.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/tables.scss b/scss/tables.scss new file mode 100644 index 0000000..e69de29 From 14ae5f284f94cbfe1d3cb1160319f539e789ecfe Mon Sep 17 00:00:00 2001 From: Naumann Date: Fri, 5 Jun 2020 12:34:58 +0200 Subject: [PATCH 2/6] init --- index.html | 6 +++--- scss/main.css | 1 + scss/main.css.map | 9 +++++++++ scss/menu.css | 1 + scss/menu.css.map | 9 +++++++++ scss/tables.css | 1 + scss/tables.css.map | 9 +++++++++ 7 files changed, 33 insertions(+), 3 deletions(-) create mode 100644 scss/main.css create mode 100644 scss/main.css.map create mode 100644 scss/menu.css create mode 100644 scss/menu.css.map create mode 100644 scss/tables.css create mode 100644 scss/tables.css.map diff --git a/index.html b/index.html index b446fc3..4d58059 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,9 @@ Bücherwurm WebInterface - - - + + +
diff --git a/scss/main.css b/scss/main.css new file mode 100644 index 0000000..7ce0b17 --- /dev/null +++ b/scss/main.css @@ -0,0 +1 @@ +/* No CSS *//*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/scss/main.css.map b/scss/main.css.map new file mode 100644 index 0000000..4e05efb --- /dev/null +++ b/scss/main.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "", + "sources": [ + "main.scss" + ], + "names": [], + "file": "main.css" +} \ No newline at end of file diff --git a/scss/menu.css b/scss/menu.css new file mode 100644 index 0000000..8787ae6 --- /dev/null +++ b/scss/menu.css @@ -0,0 +1 @@ +/* No CSS *//*# sourceMappingURL=menu.css.map */ \ No newline at end of file diff --git a/scss/menu.css.map b/scss/menu.css.map new file mode 100644 index 0000000..5403b2e --- /dev/null +++ b/scss/menu.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "", + "sources": [ + "menu.scss" + ], + "names": [], + "file": "menu.css" +} \ No newline at end of file diff --git a/scss/tables.css b/scss/tables.css new file mode 100644 index 0000000..ad87c53 --- /dev/null +++ b/scss/tables.css @@ -0,0 +1 @@ +/* No CSS *//*# sourceMappingURL=tables.css.map */ \ No newline at end of file diff --git a/scss/tables.css.map b/scss/tables.css.map new file mode 100644 index 0000000..c53e20a --- /dev/null +++ b/scss/tables.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "", + "sources": [ + "tables.scss" + ], + "names": [], + "file": "tables.css" +} \ No newline at end of file From 3eedb669848d0940d2e57dd7c2e83efda46b0629 Mon Sep 17 00:00:00 2001 From: Naumann Date: Fri, 5 Jun 2020 12:54:44 +0200 Subject: [PATCH 3/6] meow --- Katalog.htm | 84 +++++++++++++++++++++++++++++++++++++++++++++++++ scss/style.scss | 75 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 159 insertions(+) create mode 100644 Katalog.htm create mode 100644 scss/style.scss diff --git a/Katalog.htm b/Katalog.htm new file mode 100644 index 0000000..146d25d --- /dev/null +++ b/Katalog.htm @@ -0,0 +1,84 @@ + + + + + + Katalog + + + +
+

Katalog

+
+ +
+

Eingabe

+ + + + + + + + + + + + + +
+
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductId1
TitelDie Bibel 2
AuthorMr. IchBinEinAuthor
ContryAtlantis
Linklmgtfy.de
Languagelatein
Pages42
Year2021
CategoryDies ist ein Beispiel für einen viiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeellllllllllllllllllll zzzzzuuuuuuuuu llllllllllllaaaaaaaaannnnnnnnnnggeeeeeeeennnnnnn TTTTTTeeeeeeeeeeeeeeexxxxxxxxxxxxt
ImageLinkDiesIstEinBild.png
LendTime30
LendTypeBuch
+
+ + \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss new file mode 100644 index 0000000..143e7ab --- /dev/null +++ b/scss/style.scss @@ -0,0 +1,75 @@ +body + { + background-color: bisque; + display: grid; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + grid-row: 5; + padding-left: 1%; + padding-right: 1%; + + } +.Titel + { + text-align: center; + grid-column: 1 / 6; + grid-row: 1; + //background-color: lightgreen; + + } +.Eingabe + { + grid-column: 1 / 3; + grid-row: 2/6; + background-color: lightgrey; + border: 1px solid black; + #go + { + margin-left: 40%; + margin-top: 5%; + align-items: center; + width: 100px; + height: 30px; + } + } + +.Ausgabe + { + grid-column: 3 / 6; + grid-row: 2/6; + background-color: lightgray; + border: 1px solid black; + } +h2,h1 + { + text-align: center; + } + +textarea + { + resize: none; + overflow: auto; + width: 90%; + height: 3%; + margin-left: 5%; + } + +table{ + margin-left: 3%; + margin-right: 3%; + td, tr + { + border: 1px solid black; + } + .fix + { + .headcol { + position: absolute; + width: 5em; + left: 0; + top: auto; + border-top-width: 1px; + margin-top: -1px; + } + } +} \ No newline at end of file From fdb0e19f8d7440d2a76002fb336caf004baa0305 Mon Sep 17 00:00:00 2001 From: Naumann Date: Fri, 5 Jun 2020 13:29:43 +0200 Subject: [PATCH 4/6] compiled style.scss --- scss/style.css | 84 ++++++++++++++++++++++++++++++++++++++++++++++ scss/style.css.map | 9 +++++ 2 files changed, 93 insertions(+) create mode 100644 scss/style.css create mode 100644 scss/style.css.map diff --git a/scss/style.css b/scss/style.css new file mode 100644 index 0000000..88d998b --- /dev/null +++ b/scss/style.css @@ -0,0 +1,84 @@ +body { + background-color: bisque; + display: -ms-grid; + display: grid; + -ms-grid-columns: (1fr)[5]; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + -ms-grid-row: 5; + grid-row: 5; + padding-left: 1%; + padding-right: 1%; +} + +.Titel { + text-align: center; + -ms-grid-column: 1; + -ms-grid-column-span: 5; + grid-column: 1 / 6; + -ms-grid-row: 1; + grid-row: 1; +} + +.Eingabe { + -ms-grid-column: 1; + -ms-grid-column-span: 2; + grid-column: 1 / 3; + -ms-grid-row: 2; + -ms-grid-row-span: 4; + grid-row: 2/6; + background-color: lightgrey; + border: 1px solid black; +} + +.Eingabe #go { + margin-left: 40%; + margin-top: 5%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100px; + height: 30px; +} + +.Ausgabe { + -ms-grid-column: 3; + -ms-grid-column-span: 3; + grid-column: 3 / 6; + -ms-grid-row: 2; + -ms-grid-row-span: 4; + grid-row: 2/6; + background-color: lightgray; + border: 1px solid black; +} + +h2, h1 { + text-align: center; +} + +textarea { + resize: none; + overflow: auto; + width: 90%; + height: 3%; + margin-left: 5%; +} + +table { + margin-left: 3%; + margin-right: 3%; +} + +table td, table tr { + border: 1px solid black; +} + +table .fix .headcol { + position: absolute; + width: 5em; + left: 0; + top: auto; + border-top-width: 1px; + margin-top: -1px; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/scss/style.css.map b/scss/style.css.map new file mode 100644 index 0000000..54bfdf1 --- /dev/null +++ b/scss/style.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAGd;;AACL,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAS1B;;AAdL,AAMQ,QANA,CAMA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAC1B;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAEL,AAAA,QAAQ,CACJ;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CACd;;AAEL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;CAgBnB;;AAlBD,AAGI,KAHC,CAGD,EAAE,EAHN,KAAK,CAGG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AANL,AASQ,KATH,CAOD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB", + "sources": [ + "style.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file From 689a2ff7fe35dcb053a4661728acbea4e0861968 Mon Sep 17 00:00:00 2001 From: Naumann Date: Fri, 5 Jun 2020 13:37:43 +0200 Subject: [PATCH 5/6] added css file to index.htm --- Katalog.htm | 2 +- index.html | 6 +++--- scss/main.css | 18 +++++++++++++++++- scss/main.css.map | 2 +- scss/main.scss | 13 +++++++++++++ 5 files changed, 35 insertions(+), 6 deletions(-) diff --git a/Katalog.htm b/Katalog.htm index 146d25d..0865708 100644 --- a/Katalog.htm +++ b/Katalog.htm @@ -4,7 +4,7 @@ Katalog - +
diff --git a/index.html b/index.html index 4d58059..a9b1ef2 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,9 @@ Bücherwurm WebInterface - - - + +
diff --git a/scss/main.css b/scss/main.css index 7ce0b17..cda7952 100644 --- a/scss/main.css +++ b/scss/main.css @@ -1 +1,17 @@ -/* No CSS *//*# sourceMappingURL=main.css.map */ \ No newline at end of file +body { + background-color: bisque; + display: -ms-grid; + display: grid; + -ms-grid-columns: (1fr)[5]; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + -ms-grid-row: 5; + grid-row: 5; + padding-left: 1%; + padding-right: 1%; +} + +h1 { + text-align: center; +} +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/scss/main.css.map b/scss/main.css.map index 4e05efb..783b17a 100644 --- a/scss/main.css.map +++ b/scss/main.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "", + "mappings": "AAAA,AAAA,IAAI,CAAA;EACA,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CACrB;;AACD,AAAA,EAAE,CAAA;EACE,UAAU,EAAE,MAAM;CACrB", "sources": [ "main.scss" ], diff --git a/scss/main.scss b/scss/main.scss index e69de29..f54db83 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -0,0 +1,13 @@ +body{ + background-color: bisque; + display: grid; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + grid-row: 5; + padding-left: 1%; + padding-right: 1%; +} +h1{ + text-align: center; +} + From 6fc820452e491ab05dd1d400920cebeadb22f8bc Mon Sep 17 00:00:00 2001 From: Naumann Date: Fri, 5 Jun 2020 13:43:09 +0200 Subject: [PATCH 6/6] changed scroll behaviour for tables --- scss/style.css | 1 + scss/style.css.map | 2 +- scss/style.scss | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/scss/style.css b/scss/style.css index 88d998b..85d4c1b 100644 --- a/scss/style.css +++ b/scss/style.css @@ -67,6 +67,7 @@ textarea { table { margin-left: 3%; margin-right: 3%; + scroll-behavior: auto; } table td, table tr { diff --git a/scss/style.css.map b/scss/style.css.map index 54bfdf1..f5471e8 100644 --- a/scss/style.css.map +++ b/scss/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAGd;;AACL,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAS1B;;AAdL,AAMQ,QANA,CAMA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAC1B;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAEL,AAAA,QAAQ,CACJ;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CACd;;AAEL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;CAgBnB;;AAlBD,AAGI,KAHC,CAGD,EAAE,EAHN,KAAK,CAGG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AANL,AASQ,KATH,CAOD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB", + "mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAGd;;AACL,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAS1B;;AAdL,AAMQ,QANA,CAMA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAC1B;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAEL,AAAA,QAAQ,CACJ;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CACd;;AAEL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAgBxB;;AAnBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB", "sources": [ "style.scss" ], diff --git a/scss/style.scss b/scss/style.scss index 143e7ab..2da3973 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -57,6 +57,7 @@ textarea table{ margin-left: 3%; margin-right: 3%; + scroll-behavior: auto; td, tr { border: 1px solid black;