first commit

web/css/backend/stProductList.css

@@ -0,0 +1,114 @@
+.st_record_list .list_product_image {
+   height: 32px;
+   width: 32px;
+   background: #fff;
+   padding: 3px;
+   display: block;
+   background-clip: content-box;
+   background-position: center center;
+   background-repeat: no-repeat;
+   background-size: contain;
+}
+
+.st_record_list .column_opt_price_brutto {
+   white-space: nowrap;
+}
+
+.st_record_list tr.selected .list_product_image,
+.st_record_list tr:hover .list_product_image {
+   border-color: #ccc;
+}
+
+.column_opt_price_brutto .editable {
+   width: 110px;
+   text-align: right;
+}
+
+.column_code input,
+.column_name input {
+   width: 100%;
+}
+
+#product_list_backend {
+   display: grid;
+   gap: 1rem;
+   grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
+}
+
+#product_list_backend .item {
+   border: 1px solid #eee;
+}
+
+.box {
+
+   margin-bottom: 10px;
+   background: #f9f9f9;
+}
+
+.roundies {}
+
+#product_list_backend .image {
+
+   padding: 5px;
+   border: none;
+   margin: 0px auto 10px;
+   display: block;
+   border: none;
+   background-color: #fff;
+
+}
+
+#product_list_backend .image span {
+   display: block;
+   height: 128px;
+   background-repeat: no-repeat;
+   background-position: center center;
+   background-size: cover;
+}
+
+#product_list_backend .name {
+   text-align: center;
+   padding: 0px 5px;
+}
+
+#product_list_backend .name>a {
+   text-decoration: none;
+   color: #000;
+}
+
+#product_list_backend .price {
+   text-align: right;
+   padding: 15px 10px;
+}
+
+#product_list_backend .actions {
+   position: absolute;
+   padding: 15px 10px;
+}
+
+#product_list_backend .actions a {
+   display: inline-block;
+   margin-right: 2px;
+   vertical-align: middle;
+}
+
+#product_list_backend .actions img {
+   max-width: 20px;
+}
+
+
+.list_view {
+   float: right;
+}
+
+#record_list_form .column_name input {
+   min-width: 200px;
+}
+
+#record_list_form .column_priority input {
+   width: 55px;
+}
+
+.column_producer_id select {
+   max-width: 120px;
+}