<commit_before>import BackToTopicIcon from '../../../../static/asset/article-back-to-topic.svg'
import Link from 'react-router/lib/Link'
import PropTypes from 'prop-types'
import React from 'react'
import styled from 'styled-components'
import { BookmarkWidget } from '@twreporter/registration'
import { LINK_PREFIX } from '../../../constants/link-prefix'
import { colors, typography }  from '../../../themes/common-variables'
import { articleLayout } from '../../../themes/layout'

const toolsOffset = 20

const Container = styled.div`
  display: inline-block;
  position: fixed;
  right: 50%;
  bottom: 50%;
  color: ${colors.secondaryColor};
  font-size: ${typography.font.size.xSmall};
  z-index: 999;
  transform: translate(${(articleLayout.desktop.width.large - toolsOffset)/2}px, -50%);
  visibility: ${(props) => props.toShow ? 'visible' : 'hidden'};
  opacity: ${(props) => props.toShow ? 1 : 0};
  transition: opacity 0.5s linear;

  a, a:visited, a:link, a:active {
    color: ${colors.secondaryColor};
    font-size: ${typography.font.size.xSmall};<commit_msg>fix(ui): quick fix for desktop tool position<commit_after>import BackToTopicIcon from '../../../../static/asset/article-back-to-topic.svg'
import Link from 'react-router/lib/Link'
import PropTypes from 'prop-types'
import React from 'react'
import styled from 'styled-components'
import { BookmarkWidget } from '@twreporter/registration'
import { LINK_PREFIX } from '../../../constants/link-prefix'
import { colors, typography }  from '../../../themes/common-variables'
import { articleLayout } from '../../../themes/layout'

const toolsOffset = 20

const Container = styled.div`
  display: inline-block;
  position: fixed;
  right: 50%;
  bottom: 50%;
  color: ${colors.secondaryColor};
  font-size: ${typography.font.size.xSmall};
  z-index: 999;
  transform: translate(${(articleLayout.desktop.width.large - toolsOffset)/2 + 20}px, -50%);
  visibility: ${(props) => props.toShow ? 'visible' : 'hidden'};
  opacity: ${(props) => props.toShow ? 1 : 0};
  transition: opacity 0.5s linear;

  a, a:visited, a:link, a:active {
    color: ${colors.secondaryColor};
    font-size: ${typography.font.size.xSmall};
{'fraction_non_alphanumeric': 0.1761467889908257, 'fraction_numerical': 0.015596330275229359, 'mean_word_length': 3.990846681922197, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1365380', 'n_tokens_mistral': 712, 'n_tokens_neox': 683, 'n_words': 172}