diff --git a/css/gamutable.css b/css/gamutable.css index 7e458f4..bae7388 100644 --- a/css/gamutable.css +++ b/css/gamutable.css @@ -147,4 +147,457 @@ td.icone i { margin-right: 1rem; } +/* blocks widths (percentage and pixels) */ +.w100 { + width: 100%; +} + +.w95 { + width: 95%; +} + +.w90 { + width: 90%; +} + +.w85 { + width: 85%; +} + +.w80 { + width: 80%; +} + +.w75 { + width: 75%; +} + +.w70 { + width: 70%; +} + +.w65 { + width: 65%; +} + +.w60 { + width: 60%; +} + +.w55 { + width: 55%; +} + +.w50 { + width: 50%; +} + +.w45 { + width: 45%; +} + +.w40 { + width: 40%; +} + +.w35 { + width: 35%; +} + +.w30 { + width: 30%; +} + +.w25 { + width: 25%; +} + +.w20 { + width: 20%; +} + +.w15 { + width: 15%; +} + +.w10 { + width: 10%; +} + +.w5 { + width: 5%; +} + +.w1000p { + width: 1000px; +} + +.minw1000p { + min-width: 1000px; +} + +.maxw1000p { + max-width: 1000px; +} + +.w950p { + width: 950px; +} + +.minw950p { + min-width: 950px; +} + +.maxw950p { + max-width: 950px; +} + +.w900p { + width: 900px; +} + +.minw900p { + min-width: 900px; +} + +.maxw900p { + max-width: 900px; +} + +.w850p { + width: 850px; +} + +.minw850p { + min-width: 850px; +} + +.maxw850p { + max-width: 850px; +} + +.w800p { + width: 800px; +} + +.minw800p { + min-width: 800px; +} + +.maxw800p { + max-width: 800px; +} + +.w750p { + width: 750px; +} + +.minw750p { + min-width: 750px; +} + +.maxw750p { + max-width: 750px; +} + +.w700p { + width: 700px; +} + +.minw700p { + min-width: 700px; +} + +.maxw700p { + max-width: 700px; +} + +.w650p { + width: 650px; +} + +.minw650p { + min-width: 650px; +} + +.maxw650p { + max-width: 650px; +} + +.w600p { + width: 600px; +} + +.minw600p { + min-width: 600px; +} + +.maxw600p { + max-width: 600px; +} + +.w550p { + width: 550px; +} + +.minw550p { + min-width: 550px; +} + +.maxw550p { + max-width: 550px; +} + +.w500p { + width: 500px; +} + +.minw500p { + min-width: 500px; +} + +.maxw500p { + max-width: 500px; +} + +.w450p { + width: 450px; +} + +.minw450p { + min-width: 450px; +} + +.maxw450p { + max-width: 450px; +} + +.w400p { + width: 400px; +} + +.minw400p { + min-width: 400px; +} + +.maxw400p { + max-width: 400px; +} + +.w350p { + width: 350px; +} + +.minw350p { + min-width: 350px; +} + +.maxw350p { + max-width: 350px; +} + +.w300p { + width: 300px; +} + +.minw300p { + min-width: 300px; +} + +.maxw300p { + max-width: 300px; +} + +.w250p { + width: 250px; +} + +.minw250p { + min-width: 250px; +} + +.maxw250p { + max-width: 250px; +} + +.w200p { + width: 200px; +} + +.minw200p { + min-width: 200px; +} + +.maxw200p { + max-width: 200px; +} + +.w150p { + width: 150px; +} + +.minw150p { + min-width: 150px; +} + +.maxw150p { + max-width: 150px; +} + +.w100p { + width: 100px; +} + +.minw100p { + min-width: 100px; +} + +.maxw100p { + max-width: 100px; +} + +.w90p { + width: 90px; +} + +.minw90p { + min-width: 90px; +} + +.maxw90p { + max-width: 90px; +} + +.w80p { + width: 80px; +} + +.minw80p { + min-width: 80px; +} + +.maxw80p { + max-width: 80px; +} + +.w70p { + width: 70px; +} + +.minw70p { + min-width: 70px; +} + +.maxw70p { + max-width: 70px; +} + +.w60p { + width: 60px; +} + +.minw60p { + min-width: 60px; +} + +.maxw60p { + max-width: 60px; +} + +.w50p { + width: 50px; +} + +.minw50p { + min-width: 50px; +} + +.maxw50p { + max-width: 50px; +} + +.w40p { + width: 40px; +} + +.minw40p { + min-width: 40px; +} + +.maxw40p { + max-width: 40px; +} + +.w30p { + width: 30px; +} + +.minw30p { + min-width: 30px; +} + +.maxw30p { + max-width: 30px; +} + +.w20p { + width: 20px; +} + +.minw20p { + min-width: 20px; +} + +.maxw20p { + max-width: 20px; +} + +.w10p { + width: 10px; +} + +.minw10p { + min-width: 10px; +} + +.maxw10p { + max-width: 10px; +} + +.w66 { + width: calc(100% / 3 * 2); +} + +.w33 { + width: calc(100% / 3); +} + +.wauto { + width: auto; +} + +.w960p { + width: 960px; +} + +.minw960p { + min-width: 960px; +} + +.maxw960p { + max-width: 960px; +} + +.w1140p { + width: 1140px; +} + +.minw1140p { + min-width: 1140px; +} + +.maxw1140p { + max-width: 1140px; +} + /*# sourceMappingURL=gamutable.css.map */ diff --git a/css/gamutable.css.map b/css/gamutable.css.map index ba75cf6..ed85a36 100644 --- a/css/gamutable.css.map +++ b/css/gamutable.css.map @@ -1 +1 @@ -{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"AAGA;EACC,iBAAiB;ACFlB;;ADIA;EACC,qBAAqB;ACDtB;;ADMA;;EAGE,gBAAgB;ACJlB;;ADCA;EAME,iBAAiB;ACHnB;;ADHA;EASE,iBAAiB;ACFnB;;ADKA;EACC,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;ACF/B;;ADIA;EACC,oBAAa;EAAb,aAAa;ACDd;;ADAA;EAGE,oBAAa;EAAb,aAAa;ACCf;;ADJA;EAME,gBAAgB;EAChB,sBAAsB;EACtB,eAAe;ACEjB;;ADCA;EACC,qBAAqB;ACEtB;;ADCA;EAOC,eAAe;EACf,kBAAkB;ACJnB;;ADJA;EAUE,yBAAoC;ACFtC;;ADRA;EAaE,oBAAa;EAAb,aAAa;ACDf;;ADZA;EAgBE,oBAAY;MAAZ,YAAY;ACAd;;ADhBA;EAmBE,YAAY;EACZ,uBAAuB;ACCzB;;ADrBA;EAuBG,gBAAgB;EAChB,eAAe;ACElB;;AD1BA;EA4BE,eAAe;EACf,aAAa;ACEf;;AD/BA;EAgCE,aAAsB;EACtB,cAAuB;ACGzB;;ADpCA;EAoCE,0CAA0C;ACI5C;;ADDA;EACC,0CAA0C;ACI3C;;ADDA;EACC,eAAe;ACIhB;;ADDA;EACC,WAAW;EACX,kBAAkB;ACInB;;ADDA;EACC,UAAU;ACIX;;ADLA;EAGE,SAAS;ACMX;;ADFA;EACC,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;ACKnB;;ADHA;EACC,eAAe;EACf,qBAAqB;EACrB,yBAAyB;EACzB,yBAAyB;EACzB,kBAAkB;ACMnB;;ADXA;EAOE,yBAAyB;ACQ3B;;ADJA;EACC,iBAAiB;ACOlB;;ADJA;EACC,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;ACOhB;;ADLA;EACC,UAAU;EACV,yBAAyB;EACzB,mBAAmB;EACnB,kBAAkB;ACQnB","file":"gamutable.css","sourcesContent":["// ----------------------------\n// Surcharge de vue-next-select\n// ----------------------------\n.vue-tags .vue-tag.selected {\n\tfont-size: 1.2rem;\n}\n.tag--ub {\n\tdisplay: inline-block;\n}\n// ----------------------------\n// Fin de la surcharge de vue-next-select\n// ----------------------------\n.gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n\t.gamutable-nbrMax {\n\t\tmargin-left: 2rem;\n\t}\n\t.includespip {\n\t\tmargin-left: 2rem;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n\t.page-item {\n\t\tdisplay: flex;\n\t}\n\t.page-link {\n\t\tmargin: 0 0.2rem;\n\t\tbackground-color: #eee;\n\t\tcursor: pointer;\n\t}\n}\n.gamutable__input--rechercher {\n\tpadding: 0.25rem 1rem;\n}\n\n.gamutable table {\n\t// patch provisoire\n\t// .vue-dropdown-item > span {\n\t// \tdisplay: inline-block;\n\t// \tmin-height: 1rem;\n\t// }\n\n\tfont-size: 1rem;\n\ttable-layout: auto;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: calc(1rem + 4px);\n\t\t//position: relative;\n\t\t.fa {\n\t\t\tpadding: 2px 5px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: rgb(220, 53, 69);\n\t\tcolor: rgb(220, 53, 69);\n\t}\n\ttbody tr:hover {\n\t\tbackground-color: rgba(179, 209, 67, 0.27);\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n",".vue-tags .vue-tag.selected {\n font-size: 1.2rem;\n}\n\n.tag--ub {\n display: inline-block;\n}\n\n.gamutable--surTable select,\n.gamutable--surTable input {\n margin-bottom: 0;\n}\n\n.gamutable--surTable .gamutable-nbrMax {\n margin-left: 2rem;\n}\n\n.gamutable--surTable .includespip {\n margin-left: 2rem;\n}\n\n.gamutable--sousTable {\n display: flex;\n justify-content: space-between;\n}\n\n.gamutable--pagination {\n display: flex;\n}\n\n.gamutable--pagination .page-item {\n display: flex;\n}\n\n.gamutable--pagination .page-link {\n margin: 0 0.2rem;\n background-color: #eee;\n cursor: pointer;\n}\n\n.gamutable__input--rechercher {\n padding: 0.25rem 1rem;\n}\n\n.gamutable table {\n font-size: 1rem;\n table-layout: auto;\n}\n\n.gamutable table thead {\n border: 1px solid #777777;\n}\n\n.gamutable table th > div {\n display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n float: right;\n width: calc(1rem + 4px);\n}\n\n.gamutable table .iconeTri .fa {\n padding: 2px 5px;\n cursor: pointer;\n}\n\n.gamutable table .tri_col {\n cursor: pointer;\n fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n fill: #dc3545;\n color: #dc3545;\n}\n\n.gamutable table tbody tr:hover {\n background-color: rgba(179, 209, 67, 0.27);\n}\n\n#app .select {\n background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n cursor: pointer;\n}\n\nth.icone {\n width: 30px;\n text-align: center;\n}\n\ntr.filtreColonne th {\n padding: 0;\n}\n\ntr.filtreColonne th select {\n margin: 0;\n}\n\ntd.icone > * {\n width: 100%;\n display: block;\n padding: 0.5rem;\n text-align: center;\n}\n\ndiv.gamutable .url_action {\n padding: 0.2rem;\n display: inline-block;\n background-color: #f5f5f5;\n border: 1px solid #cecece;\n border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n background-color: #cecece;\n}\n\ntd.icone i {\n font-size: 1.8rem;\n}\n\n.vueBlocs {\n display: flex;\n flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n width: 23%;\n border: 1px solid #cecece;\n margin-bottom: 1rem;\n margin-right: 1rem;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"AAGA;EACC,iBAAiB;ACFlB;;ADIA;EACC,qBAAqB;ACDtB;;ADMA;;EAGE,gBAAgB;ACJlB;;ADCA;EAME,iBAAiB;ACHnB;;ADHA;EASE,iBAAiB;ACFnB;;ADKA;EACC,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;ACF/B;;ADIA;EACC,oBAAa;EAAb,aAAa;ACDd;;ADAA;EAGE,oBAAa;EAAb,aAAa;ACCf;;ADJA;EAME,gBAAgB;EAChB,sBAAsB;EACtB,eAAe;ACEjB;;ADCA;EACC,qBAAqB;ACEtB;;ADCA;EAOC,eAAe;EACf,kBAAkB;ACJnB;;ADJA;EAUE,yBAAoC;ACFtC;;ADRA;EAaE,oBAAa;EAAb,aAAa;ACDf;;ADZA;EAgBE,oBAAY;MAAZ,YAAY;ACAd;;ADhBA;EAmBE,YAAY;EACZ,uBAAuB;ACCzB;;ADrBA;EAuBG,gBAAgB;EAChB,eAAe;ACElB;;AD1BA;EA4BE,eAAe;EACf,aAAa;ACEf;;AD/BA;EAgCE,aAAsB;EACtB,cAAuB;ACGzB;;ADpCA;EAoCE,0CAA0C;ACI5C;;ADDA;EACC,0CAA0C;ACI3C;;ADDA;EACC,eAAe;ACIhB;;ADDA;EACC,WAAW;EACX,kBAAkB;ACInB;;ADDA;EACC,UAAU;ACIX;;ADLA;EAGE,SAAS;ACMX;;ADFA;EACC,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;ACKnB;;ADHA;EACC,eAAe;EACf,qBAAqB;EACrB,yBAAyB;EACzB,yBAAyB;EACzB,kBAAkB;ACMnB;;ADXA;EAOE,yBAAyB;ACQ3B;;ADJA;EACC,iBAAiB;ACOlB;;ADJA;EACC,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;ACOhB;;ADLA;EACC,UAAU;EACV,yBAAyB;EACzB,mBAAmB;EACnB,kBAAkB;ACQnB;;ADJA,0CAAA;AAGC;EACC,WAAc;ACKhB;;ADNC;EACC,UAAc;ACShB;;ADVC;EACC,UAAc;ACahB;;ADdC;EACC,UAAc;ACiBhB;;ADlBC;EACC,UAAc;ACqBhB;;ADtBC;EACC,UAAc;ACyBhB;;AD1BC;EACC,UAAc;AC6BhB;;AD9BC;EACC,UAAc;ACiChB;;ADlCC;EACC,UAAc;ACqChB;;ADtCC;EACC,UAAc;ACyChB;;AD1CC;EACC,UAAc;AC6ChB;;AD9CC;EACC,UAAc;ACiDhB;;ADlDC;EACC,UAAc;ACqDhB;;ADtDC;EACC,UAAc;ACyDhB;;AD1DC;EACC,UAAc;AC6DhB;;AD9DC;EACC,UAAc;ACiEhB;;ADlEC;EACC,UAAc;ACqEhB;;ADtEC;EACC,UAAc;ACyEhB;;AD1EC;EACC,UAAc;AC6EhB;;AD9EC;EACC,SAAc;ACiFhB;;AD1EC;EACC,aAAe;AC6EjB;;AD3EC;EACC,iBAAmB;AC8ErB;;AD5EC;EACC,iBAAmB;AC+ErB;;ADtFC;EACC,YAAe;ACyFjB;;ADvFC;EACC,gBAAmB;AC0FrB;;ADxFC;EACC,gBAAmB;AC2FrB;;ADlGC;EACC,YAAe;ACqGjB;;ADnGC;EACC,gBAAmB;ACsGrB;;ADpGC;EACC,gBAAmB;ACuGrB;;AD9GC;EACC,YAAe;ACiHjB;;AD/GC;EACC,gBAAmB;ACkHrB;;ADhHC;EACC,gBAAmB;ACmHrB;;AD1HC;EACC,YAAe;AC6HjB;;AD3HC;EACC,gBAAmB;AC8HrB;;AD5HC;EACC,gBAAmB;AC+HrB;;ADtIC;EACC,YAAe;ACyIjB;;ADvIC;EACC,gBAAmB;AC0IrB;;ADxIC;EACC,gBAAmB;AC2IrB;;ADlJC;EACC,YAAe;ACqJjB;;ADnJC;EACC,gBAAmB;ACsJrB;;ADpJC;EACC,gBAAmB;ACuJrB;;AD9JC;EACC,YAAe;ACiKjB;;AD/JC;EACC,gBAAmB;ACkKrB;;ADhKC;EACC,gBAAmB;ACmKrB;;AD1KC;EACC,YAAe;AC6KjB;;AD3KC;EACC,gBAAmB;AC8KrB;;AD5KC;EACC,gBAAmB;AC+KrB;;ADtLC;EACC,YAAe;ACyLjB;;ADvLC;EACC,gBAAmB;AC0LrB;;ADxLC;EACC,gBAAmB;AC2LrB;;ADlMC;EACC,YAAe;ACqMjB;;ADnMC;EACC,gBAAmB;ACsMrB;;ADpMC;EACC,gBAAmB;ACuMrB;;AD9MC;EACC,YAAe;ACiNjB;;AD/MC;EACC,gBAAmB;ACkNrB;;ADhNC;EACC,gBAAmB;ACmNrB;;AD1NC;EACC,YAAe;AC6NjB;;AD3NC;EACC,gBAAmB;AC8NrB;;AD5NC;EACC,gBAAmB;AC+NrB;;ADtOC;EACC,YAAe;ACyOjB;;ADvOC;EACC,gBAAmB;AC0OrB;;ADxOC;EACC,gBAAmB;AC2OrB;;ADlPC;EACC,YAAe;ACqPjB;;ADnPC;EACC,gBAAmB;ACsPrB;;ADpPC;EACC,gBAAmB;ACuPrB;;AD9PC;EACC,YAAe;ACiQjB;;AD/PC;EACC,gBAAmB;ACkQrB;;ADhQC;EACC,gBAAmB;ACmQrB;;AD1QC;EACC,YAAe;AC6QjB;;AD3QC;EACC,gBAAmB;AC8QrB;;AD5QC;EACC,gBAAmB;AC+QrB;;ADtRC;EACC,YAAe;ACyRjB;;ADvRC;EACC,gBAAmB;AC0RrB;;ADxRC;EACC,gBAAmB;AC2RrB;;ADrRC;EACC,YAAe;ACwRjB;;ADtRC;EACC,gBAAmB;ACyRrB;;ADvRC;EACC,gBAAmB;AC0RrB;;ADjSC;EACC,WAAe;ACoSjB;;ADlSC;EACC,eAAmB;ACqSrB;;ADnSC;EACC,eAAmB;ACsSrB;;AD7SC;EACC,WAAe;ACgTjB;;AD9SC;EACC,eAAmB;ACiTrB;;AD/SC;EACC,eAAmB;ACkTrB;;ADzTC;EACC,WAAe;AC4TjB;;AD1TC;EACC,eAAmB;AC6TrB;;AD3TC;EACC,eAAmB;AC8TrB;;ADrUC;EACC,WAAe;ACwUjB;;ADtUC;EACC,eAAmB;ACyUrB;;ADvUC;EACC,eAAmB;AC0UrB;;ADjVC;EACC,WAAe;ACoVjB;;ADlVC;EACC,eAAmB;ACqVrB;;ADnVC;EACC,eAAmB;ACsVrB;;AD7VC;EACC,WAAe;ACgWjB;;AD9VC;EACC,eAAmB;ACiWrB;;AD/VC;EACC,eAAmB;ACkWrB;;ADzWC;EACC,WAAe;AC4WjB;;AD1WC;EACC,eAAmB;AC6WrB;;AD3WC;EACC,eAAmB;AC8WrB;;ADrXC;EACC,WAAe;ACwXjB;;ADtXC;EACC,eAAmB;ACyXrB;;ADvXC;EACC,eAAmB;AC0XrB;;ADjYC;EACC,WAAe;ACoYjB;;ADlYC;EACC,eAAmB;ACqYrB;;ADnYC;EACC,eAAmB;ACsYrB;;ADjYA;EACC,yBAAyB;ACoY1B;;ADlYA;EACC,qBAAqB;ACqYtB;;ADnYA;EACC,WAAW;ACsYZ;;ADpYA;EACC,YAAY;ACuYb;;ADrYA;EACC,gBAAgB;ACwYjB;;ADtYA;EACC,gBAAgB;ACyYjB;;ADvYA;EACC,aAAa;AC0Yd;;ADxYA;EACC,iBAAiB;AC2YlB;;ADzYA;EACC,iBAAiB;AC4YlB","file":"gamutable.css","sourcesContent":["// ----------------------------\n// Surcharge de vue-next-select\n// ----------------------------\n.vue-tags .vue-tag.selected {\n\tfont-size: 1.2rem;\n}\n.tag--ub {\n\tdisplay: inline-block;\n}\n// ----------------------------\n// Fin de la surcharge de vue-next-select\n// ----------------------------\n.gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n\t.gamutable-nbrMax {\n\t\tmargin-left: 2rem;\n\t}\n\t.includespip {\n\t\tmargin-left: 2rem;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n\t.page-item {\n\t\tdisplay: flex;\n\t}\n\t.page-link {\n\t\tmargin: 0 0.2rem;\n\t\tbackground-color: #eee;\n\t\tcursor: pointer;\n\t}\n}\n.gamutable__input--rechercher {\n\tpadding: 0.25rem 1rem;\n}\n\n.gamutable table {\n\t// patch provisoire\n\t// .vue-dropdown-item > span {\n\t// \tdisplay: inline-block;\n\t// \tmin-height: 1rem;\n\t// }\n\n\tfont-size: 1rem;\n\ttable-layout: auto;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: calc(1rem + 4px);\n\t\t//position: relative;\n\t\t.fa {\n\t\t\tpadding: 2px 5px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: rgb(220, 53, 69);\n\t\tcolor: rgb(220, 53, 69);\n\t}\n\ttbody tr:hover {\n\t\tbackground-color: rgba(179, 209, 67, 0.27);\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n\n\n/* blocks widths (percentage and pixels) */\n$i: 100;\n@while $i > 0 {\n\t.w#{$i} {\n\t\twidth: $i * 1%;\n\t}\n\t$i: $i - 5;\n}\n\n$i: 1000;\n@while $i > 100 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 50;\n}\n$i: 100;\n@while $i > 0 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 10;\n}\n\n.w66 {\n\twidth: calc(100% / 3 * 2);\n}\n.w33 {\n\twidth: calc(100% / 3);\n}\n.wauto {\n\twidth: auto;\n}\n.w960p {\n\twidth: 960px;\n}\n.minw960p {\n\tmin-width: 960px;\n}\n.maxw960p {\n\tmax-width: 960px;\n}\n.w1140p {\n\twidth: 1140px;\n}\n.minw1140p {\n\tmin-width: 1140px;\n}\n.maxw1140p {\n\tmax-width: 1140px;\n}\n",".vue-tags .vue-tag.selected {\n font-size: 1.2rem;\n}\n\n.tag--ub {\n display: inline-block;\n}\n\n.gamutable--surTable select,\n.gamutable--surTable input {\n margin-bottom: 0;\n}\n\n.gamutable--surTable .gamutable-nbrMax {\n margin-left: 2rem;\n}\n\n.gamutable--surTable .includespip {\n margin-left: 2rem;\n}\n\n.gamutable--sousTable {\n display: flex;\n justify-content: space-between;\n}\n\n.gamutable--pagination {\n display: flex;\n}\n\n.gamutable--pagination .page-item {\n display: flex;\n}\n\n.gamutable--pagination .page-link {\n margin: 0 0.2rem;\n background-color: #eee;\n cursor: pointer;\n}\n\n.gamutable__input--rechercher {\n padding: 0.25rem 1rem;\n}\n\n.gamutable table {\n font-size: 1rem;\n table-layout: auto;\n}\n\n.gamutable table thead {\n border: 1px solid #777777;\n}\n\n.gamutable table th > div {\n display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n float: right;\n width: calc(1rem + 4px);\n}\n\n.gamutable table .iconeTri .fa {\n padding: 2px 5px;\n cursor: pointer;\n}\n\n.gamutable table .tri_col {\n cursor: pointer;\n fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n fill: #dc3545;\n color: #dc3545;\n}\n\n.gamutable table tbody tr:hover {\n background-color: rgba(179, 209, 67, 0.27);\n}\n\n#app .select {\n background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n cursor: pointer;\n}\n\nth.icone {\n width: 30px;\n text-align: center;\n}\n\ntr.filtreColonne th {\n padding: 0;\n}\n\ntr.filtreColonne th select {\n margin: 0;\n}\n\ntd.icone > * {\n width: 100%;\n display: block;\n padding: 0.5rem;\n text-align: center;\n}\n\ndiv.gamutable .url_action {\n padding: 0.2rem;\n display: inline-block;\n background-color: #f5f5f5;\n border: 1px solid #cecece;\n border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n background-color: #cecece;\n}\n\ntd.icone i {\n font-size: 1.8rem;\n}\n\n.vueBlocs {\n display: flex;\n flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n width: 23%;\n border: 1px solid #cecece;\n margin-bottom: 1rem;\n margin-right: 1rem;\n}\n\n/* blocks widths (percentage and pixels) */\n.w100 {\n width: 100%;\n}\n\n.w95 {\n width: 95%;\n}\n\n.w90 {\n width: 90%;\n}\n\n.w85 {\n width: 85%;\n}\n\n.w80 {\n width: 80%;\n}\n\n.w75 {\n width: 75%;\n}\n\n.w70 {\n width: 70%;\n}\n\n.w65 {\n width: 65%;\n}\n\n.w60 {\n width: 60%;\n}\n\n.w55 {\n width: 55%;\n}\n\n.w50 {\n width: 50%;\n}\n\n.w45 {\n width: 45%;\n}\n\n.w40 {\n width: 40%;\n}\n\n.w35 {\n width: 35%;\n}\n\n.w30 {\n width: 30%;\n}\n\n.w25 {\n width: 25%;\n}\n\n.w20 {\n width: 20%;\n}\n\n.w15 {\n width: 15%;\n}\n\n.w10 {\n width: 10%;\n}\n\n.w5 {\n width: 5%;\n}\n\n.w1000p {\n width: 1000px;\n}\n\n.minw1000p {\n min-width: 1000px;\n}\n\n.maxw1000p {\n max-width: 1000px;\n}\n\n.w950p {\n width: 950px;\n}\n\n.minw950p {\n min-width: 950px;\n}\n\n.maxw950p {\n max-width: 950px;\n}\n\n.w900p {\n width: 900px;\n}\n\n.minw900p {\n min-width: 900px;\n}\n\n.maxw900p {\n max-width: 900px;\n}\n\n.w850p {\n width: 850px;\n}\n\n.minw850p {\n min-width: 850px;\n}\n\n.maxw850p {\n max-width: 850px;\n}\n\n.w800p {\n width: 800px;\n}\n\n.minw800p {\n min-width: 800px;\n}\n\n.maxw800p {\n max-width: 800px;\n}\n\n.w750p {\n width: 750px;\n}\n\n.minw750p {\n min-width: 750px;\n}\n\n.maxw750p {\n max-width: 750px;\n}\n\n.w700p {\n width: 700px;\n}\n\n.minw700p {\n min-width: 700px;\n}\n\n.maxw700p {\n max-width: 700px;\n}\n\n.w650p {\n width: 650px;\n}\n\n.minw650p {\n min-width: 650px;\n}\n\n.maxw650p {\n max-width: 650px;\n}\n\n.w600p {\n width: 600px;\n}\n\n.minw600p {\n min-width: 600px;\n}\n\n.maxw600p {\n max-width: 600px;\n}\n\n.w550p {\n width: 550px;\n}\n\n.minw550p {\n min-width: 550px;\n}\n\n.maxw550p {\n max-width: 550px;\n}\n\n.w500p {\n width: 500px;\n}\n\n.minw500p {\n min-width: 500px;\n}\n\n.maxw500p {\n max-width: 500px;\n}\n\n.w450p {\n width: 450px;\n}\n\n.minw450p {\n min-width: 450px;\n}\n\n.maxw450p {\n max-width: 450px;\n}\n\n.w400p {\n width: 400px;\n}\n\n.minw400p {\n min-width: 400px;\n}\n\n.maxw400p {\n max-width: 400px;\n}\n\n.w350p {\n width: 350px;\n}\n\n.minw350p {\n min-width: 350px;\n}\n\n.maxw350p {\n max-width: 350px;\n}\n\n.w300p {\n width: 300px;\n}\n\n.minw300p {\n min-width: 300px;\n}\n\n.maxw300p {\n max-width: 300px;\n}\n\n.w250p {\n width: 250px;\n}\n\n.minw250p {\n min-width: 250px;\n}\n\n.maxw250p {\n max-width: 250px;\n}\n\n.w200p {\n width: 200px;\n}\n\n.minw200p {\n min-width: 200px;\n}\n\n.maxw200p {\n max-width: 200px;\n}\n\n.w150p {\n width: 150px;\n}\n\n.minw150p {\n min-width: 150px;\n}\n\n.maxw150p {\n max-width: 150px;\n}\n\n.w100p {\n width: 100px;\n}\n\n.minw100p {\n min-width: 100px;\n}\n\n.maxw100p {\n max-width: 100px;\n}\n\n.w90p {\n width: 90px;\n}\n\n.minw90p {\n min-width: 90px;\n}\n\n.maxw90p {\n max-width: 90px;\n}\n\n.w80p {\n width: 80px;\n}\n\n.minw80p {\n min-width: 80px;\n}\n\n.maxw80p {\n max-width: 80px;\n}\n\n.w70p {\n width: 70px;\n}\n\n.minw70p {\n min-width: 70px;\n}\n\n.maxw70p {\n max-width: 70px;\n}\n\n.w60p {\n width: 60px;\n}\n\n.minw60p {\n min-width: 60px;\n}\n\n.maxw60p {\n max-width: 60px;\n}\n\n.w50p {\n width: 50px;\n}\n\n.minw50p {\n min-width: 50px;\n}\n\n.maxw50p {\n max-width: 50px;\n}\n\n.w40p {\n width: 40px;\n}\n\n.minw40p {\n min-width: 40px;\n}\n\n.maxw40p {\n max-width: 40px;\n}\n\n.w30p {\n width: 30px;\n}\n\n.minw30p {\n min-width: 30px;\n}\n\n.maxw30p {\n max-width: 30px;\n}\n\n.w20p {\n width: 20px;\n}\n\n.minw20p {\n min-width: 20px;\n}\n\n.maxw20p {\n max-width: 20px;\n}\n\n.w10p {\n width: 10px;\n}\n\n.minw10p {\n min-width: 10px;\n}\n\n.maxw10p {\n max-width: 10px;\n}\n\n.w66 {\n width: calc(100% / 3 * 2);\n}\n\n.w33 {\n width: calc(100% / 3);\n}\n\n.wauto {\n width: auto;\n}\n\n.w960p {\n width: 960px;\n}\n\n.minw960p {\n min-width: 960px;\n}\n\n.maxw960p {\n max-width: 960px;\n}\n\n.w1140p {\n width: 1140px;\n}\n\n.minw1140p {\n min-width: 1140px;\n}\n\n.maxw1140p {\n max-width: 1140px;\n}\n"]} \ No newline at end of file diff --git a/css/gamutable.scss b/css/gamutable.scss index c5469ba..6a9b9c3 100644 --- a/css/gamutable.scss +++ b/css/gamutable.scss @@ -131,3 +131,68 @@ td.icone i { margin-bottom: 1rem; margin-right: 1rem; } + + +/* blocks widths (percentage and pixels) */ +$i: 100; +@while $i > 0 { + .w#{$i} { + width: $i * 1%; + } + $i: $i - 5; +} + +$i: 1000; +@while $i > 100 { + .w#{$i}p { + width: $i * 1px; + } + .minw#{$i}p { + min-width: $i * 1px; + } + .maxw#{$i}p { + max-width: $i * 1px; + } + $i: $i - 50; +} +$i: 100; +@while $i > 0 { + .w#{$i}p { + width: $i * 1px; + } + .minw#{$i}p { + min-width: $i * 1px; + } + .maxw#{$i}p { + max-width: $i * 1px; + } + $i: $i - 10; +} + +.w66 { + width: calc(100% / 3 * 2); +} +.w33 { + width: calc(100% / 3); +} +.wauto { + width: auto; +} +.w960p { + width: 960px; +} +.minw960p { + min-width: 960px; +} +.maxw960p { + max-width: 960px; +} +.w1140p { + width: 1140px; +} +.minw1140p { + min-width: 1140px; +} +.maxw1140p { + max-width: 1140px; +} diff --git a/js/gamutable.js b/js/gamutable.js index c5703e6..866fcf3 100644 --- a/js/gamutable.js +++ b/js/gamutable.js @@ -20,7 +20,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } -function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } jQuery(function () { $('#app').on('click', '.url_action', function (e) {