1 2.editbutton_table { 3 /* default used also in edittable*/ 4 display: none; 5} 6 7.edit-button-cs button { 8 border: 0; 9 display: inline-block; 10 width: 16px; 11 height: 16px; 12 background-repeat: no-repeat; 13 background-color: initial; 14 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' fill='rgba(0,0,0,0.35)' viewBox='0 0 36 36'%3E%3Cpath d='M28 30H6V8h13.22l2-2H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V15l-2 2z'/%3E%3Cpath d='m33.53 5.84-3.37-3.37a1.61 1.61 0 0 0-2.28 0L14.17 16.26l-1.11 4.81A1.61 1.61 0 0 0 14.63 23a1.69 1.69 0 0 0 .37 0l4.85-1.07L33.53 8.12a1.61 1.61 0 0 0 0-2.28zM18.81 20.08l-3.66.81.85-3.63L26.32 6.87l2.82 2.82zM30.27 8.56l-2.82-2.82L29 4.16 31.84 7z'/%3E%3C/svg%3E%0A"); 15 background-position-x: center; 16} 17 18.edit-button-cs svg { 19 color: rgba(0, 0, 0, 0.35) 20} 21 22/* 23section_highlight is a node added when hovering around the edit button by the page.js file 24See sectionHighlight function 25We have just disable this function in script.js because it was moving element around 26Better solution would be to change the styling (background) with css 27*/ 28 29/* style for section highlighting */ 30.edit-button-highlight-cs { 31 background: #f8f9fa; 32} 33 34/** Only for section not button for table */ 35/** Because section edit can also be outside outline, it's here*/ 36.editbutton_section { 37 right: 0; 38 bottom: 0; 39 position: absolute; 40 z-index: 1040; 41} 42