Amebis/BesService
2
2
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup CSS

Browse Source
This commit is contained in:
Simon Rozman 2025-02-28 10:28:39 +01:00
parent 0ed93fb9b2
commit acd7ac1a2b
2 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
samples/mock-page.html
View File

@ -8,9 +8,33 @@
<link rel="stylesheet" href="styles.css" />
<script>const besUrl = 'http://localhost:225/api/v2';</script>
<script src="../service.js"></script>
<style>
.mock-resizable {
overflow-x: scroll;
position: relative;
display: inline-block;
border: 1px solid #ccc;
width: 300px;
height: 400px;
border-radius: 3px;
background-color: #f9f9f9;
}
.mock-content {
width: 1000px;
height: 600px;
background-color: #f9f9f9;
}
.mock-flex {
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<div class="flex">
<div class="mock-flex">
<div class="mock-content">
<p>Element to delete</p>
<p>Element to delete</p>
@ -18,7 +42,7 @@
<p>Element to delete</p>
<p>Element to delete</p>
</div>
<div class="resizable">
<div class="mock-resizable">
<div class="my-block my-control bes-service" contenteditable="true">
<p>Tukaj vpišite besedilo ki ga želite popraviti.</p>
<p>Prišla je njena lepa hčera. Smatram da tega nebi bilo potrebno storiti. Predavanje je trajalo dve ure. S njim grem v Kamnik. Janez jutri nebo prišel. Prišel je z 100 idejami.</p>

36
styles.css
View File

@ -22,12 +22,6 @@
background: rgb(255, 115, 0);
}
.bes-canvas {
position: relative;
z-index: 3;
cursor: text;
}
/* Styles required to ensure full functionality and optimal user experience. */
.bes-correction-panel-parent {
position: relative;
@ -48,6 +42,12 @@
pointer-events: none;
}
.bes-canvas {
position: relative;
z-index: 3;
cursor: text;
}
.bes-text-panel {
position: absolute;
overflow: hidden;
@ -56,27 +56,3 @@
border-color: transparent;
background: none;
}
/* TODO: Styles below should be removed after testing period is over */
.resizable {
overflow-x: scroll;
position: relative;
display: inline-block;
border: 1px solid #ccc;
width: 300px;
height: 400px;
border-radius: 3px;
background-color: #f9f9f9;
}
.mock-content {
width: 1000px;
height: 600px;
background-color: #f9f9f9;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}