Merge pull request #168 from oat-sa/feat/ADF-1734/new-tooltip-renderi…

…ng-runtime

Feat/adf 1734/new tooltip rendering runtime

migrations/Version202407171445484106_pciSamples.php

@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+namespace oat\pciSamples\migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\Exception\IrreversibleMigration;
+use oat\pciSamples\scripts\install\RegisterPciTextReaderIMS;
+use oat\tao\scripts\tools\migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ *
+ * phpcs:disable Squiz.Classes.ValidClassName
+ */
+final class Version202407171445484106_pciSamples extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Update TextReader OAT & IMS PCIs to use clone in Sleep';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->runAction(new RegisterPciTextReaderIMS(), ['1.3.0']);
+    }
+
+    public function down(Schema $schema): void
+    {
+        throw new IrreversibleMigration(
+            sprintf(
+                'In order to undo this migration, please revert the client-side changes and run %s',
+                RegisterPciTextReaderIMS::class
+            )
+        );
+    }
+}

views/js/pciCreator/ims/textReaderInteraction/imsPciCreator.json

@@ -3,7 +3,7 @@
     "typeIdentifier": "textReaderInteraction",
     "label": "Text reader",
     "description": "The Paging widget combines a scrolling widget with additional paging controls.",
-    "version": "1.2.2",
+    "version": "1.3.0",
     "author": "Aleh Hutnikau",
     "email": "[email protected]",
     "tags": [

views/js/pciCreator/ims/textReaderInteraction/runtime/css/jquery.qtip.css

@@ -10,7 +10,7 @@
  * Plugins: tips modal viewport svg imagemap ie6
  * Styles: core basic css3
  */
-.qtip{
+ .qtip{
     position: absolute;
     left: -28000px;
     top: -28000px;
@@ -19,8 +19,8 @@
     max-width: 280px;
     min-width: 50px;
 
-    font-size: 10.5px;
-    line-height: 12px;
+    font-size: 1.05rem;
+    line-height: 1.33;
 
     direction: ltr;
 
@@ -30,7 +30,7 @@
 
 .qtip-content{
     position: relative;
-    padding: 5px 9px;
+    padding: 4px 8px;
     overflow: hidden;
 
     text-align: left;
@@ -102,14 +102,14 @@
 
 /* Default tooltip style */
 .qtip-default{
-    border: 1px solid #F1D031;
+    border-radius: 4px;
 
-    background-color: #FFFFA3;
-    color: #555;
+    background-color: #121212;
+    color: #FFF;
 }
 
 .qtip-default .qtip-titlebar{
-    background-color: #FFEF93;
+    background-color: #121212;
 }
 
 .qtip-default .qtip-icon{