@hmcts/media-viewer 4.2.9-exui-3994 → 4.2.10-exui-4074

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Binary file
@@ -101,6 +101,84 @@ mv-pdf-viewer {
101
101
  width: 100%;
102
102
  transition-duration: 600ms;
103
103
  transition-timing-function: ease;
104
+
105
+ &.highlightMode {
106
+ position: relative;
107
+ }
108
+ }
109
+
110
+ // keyboard cursor for text highlighting (before selection)
111
+ .selection-start-cursor {
112
+ width: 14px;
113
+ height: 14px;
114
+ margin-left: -7px;
115
+ margin-top: -7px;
116
+ pointer-events: none;
117
+ background-color: #ffdd00;
118
+ border-radius: 50%;
119
+ border: 1px solid #ffdd00;
120
+
121
+ // vertical line
122
+ &::before {
123
+ content: '';
124
+ position: absolute;
125
+ top: 0;
126
+ left: 50%;
127
+ width: 1px;
128
+ height: 100%;
129
+ background-color: #0b0c0c;
130
+ transform: translateX(-0.5px);
131
+ }
132
+
133
+ // horizontal line
134
+ &::after {
135
+ content: '';
136
+ position: absolute;
137
+ top: 50%;
138
+ left: 0;
139
+ width: 100%;
140
+ height: 1px;
141
+ background-color: #0b0c0c;
142
+ transform: translateY(-0.5px);
143
+ }
144
+ }
145
+
146
+ // keyboard cursor for text highlighting (during selection)
147
+ .selection-end-cursor {
148
+ width: 1px;
149
+ height: 12px;
150
+ margin-left: -1px;
151
+ margin-top: -10px;
152
+ pointer-events: none;
153
+ background-color: #0b0c0c;
154
+ border-radius: 0;
155
+ box-shadow: -1px 0 0 #ffffff, 1px 0 0 #ffffff;
156
+
157
+ // I-beam top
158
+ &::before {
159
+ content: '';
160
+ position: absolute;
161
+ top: -1px;
162
+ left: 50%;
163
+ width: 5px;
164
+ height: 1px;
165
+ background-color: #0b0c0c;
166
+ transform: translateX(-50%);
167
+ box-shadow: 0 -1px 0 #ffffff, 0 1px 0 #ffffff;
168
+ }
169
+
170
+ // I-beam bottom
171
+ &::after {
172
+ content: '';
173
+ position: absolute;
174
+ bottom: -1px;
175
+ left: 50%;
176
+ width: 5px;
177
+ height: 1px;
178
+ background-color: #0b0c0c;
179
+ transform: translateX(-50%);
180
+ box-shadow: 0 -1px 0 #ffffff, 0 1px 0 #ffffff;
181
+ }
104
182
  }
105
183
 
106
184
  .show-comments-panel {