Greasy Fork镜像

Прокрутка списка заметок

Список заметок выходит за границу экрана и все их не посмотреть.

Не знаток html/css/js, но вот так, "в лоб", вроде, работает:

===================================================================
--- Текущая версия
+++ Новая версия
@@ +59,9 @@
         </g></svg>
         <div id = "compass_list" style = "display: none">
         <div><i id="set_target_compass" style = "cursor: pointer" title = "Установить координаты" class="fa fa-dot-circle-o"></i>  <input style = "width: 80px" type="text" id="cur_target" value="---:---"></div>
         <div><input style = "width: 80px;font-size: 15px; background-color: #222;" type="text" id="coment_target" placeholder="Название" value="">  <i id="set_mark_compass" style = "cursor: pointer" title = "Поставить метку" class="fa fa-rocket"></i>
+        <div id="compass-mark-container" style="overflow: auto; height: 450px;"></div>
         </div></div></div>`;
         $("#radar + div").last().after(dop_buttom);
     }

@@ -220,9 +221,9 @@
         bild_list: function(){
             for(let coor_txt in this.user_mark){
                 let mark = this.user_mark[coor_txt];
                 let center = getCenterXY(mark.x, mark.y);
-                $("#compass_list").append('<div class="compass_mark" style="cursor: pointer" title="'+coor_txt+'">'+mark.coment+'</div>');
+                $("#compass-mark-container").append('<div class="compass_mark" style="cursor: pointer" title="'+coor_txt+'">'+mark.coment+'</div>');
                 this.coord_mark[coor_txt] = new fabric.Path(
                     'M 10 10 l 20 20 m 0 -20 l -20 20',
                     { stroke: '#CACACA',
                      strokeWidth: 2,
@@ -253,9 +254,9 @@
             let coor_txt = mark.x+":"+mark.y;
             this.user_mark[coor_txt] = mark;
             let center = getCenterXY(mark.x, mark.y);
             if(this.coord_mark[coor_txt] == undefined){
-                $("#compass_list").append('<div class="compass_mark" style="cursor: pointer" title="'+coor_txt+'">'+mark.coment+'</div>');
+                $("#compass-mark-container").append('<div class="compass_mark" style="cursor: pointer" title="'+coor_txt+'">'+mark.coment+'</div>');
                 this.coord_mark[coor_txt] = new fabric.Path(
                     'M 10 10 l 20 20 m 0 -20 l -20 20',
                     { stroke: '#CACACA',
                      strokeWidth: 2,