Jump to content
ūüí¨ Smartcat Community
Alexey Kushnirov

User Script for Better QA Usability

Recommended Posts

Hello everyone.

I've been using Smartcat for a year already and got to know some of its pros and contras. One of the features I'm not quite happy about is QA: the default interface is hard to use during the whole day when you are working with dozens and hundreds of pages. While the interface cannot be customized via settings, it can be improved by using user scripts.




After (image scaled, text size is the same as in the image above):


The script uses the current browser window size to change the QA window size dynamically. I'm not a programmer so the changes are limited to increasing the window size and dimming/hiding some unnecessary text strings.


How to:

1. Install TamperMonkey extension to your browser.

2. After installation, there will be the extension icon on the browser’s toolbar: 6d283e7e83a2eebbf1fe9d8bec7e0333.png

3. Left-click the extension button ‚Äď> Create a new script‚Ķ¬†Delete all text in the script editor window; copy the required script text (I've added it below) and paste it in the script editor window, then save it (click the floppy disk icon).

4. Reload the browser tab where you are viewing your projects. If everything was done correctly, on the extension icon there will be a red square with the number of scripts running on the current page (1 by default): 037615a39f139062514bf43347ac6824.png


The script:

// ==UserScript==
// @name Enlarge QA window in SmartCAT
// @namespace http://tampermonkey.net/
// @version 0.2
// @description Larger QA window in SmartCAT project error search, autoenlarge error frame
// @author Alexey Kushnirov
// @match https://smartcat.ai/Workspac*
// @match https://smartcat.ai/workspac*
// @match https://smartcat.ai/Project*
// @match https://smartcat.ai/project*
// @grant none
// ==/UserScript==
(function() {
'use strict';
function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
addGlobalStyle('.l-qa-check-report-scroll { overflow-y: scroll; max-height: 70vh; width: 100%;}');
addGlobalStyle('.l-qa-check-report-popup {width: 90%;}');
addGlobalStyle('.l-qa-check-segment-text-header {height:1px; COLOR: #EFEFEF}');
addGlobalStyle('.l-qa-check-documentTitle-column {COLOR: #EFEFEF}');


Known issues:

If you open the QA window and Smartcat shows a notification at the same time, the QA window may look distorted. Just close it by pressing Escape, close the notification and open QA again.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now